react-native-readability
This package uses Readability to provide a nice experience for displaying content from any website or url
Main Feature:
- This provides a Safari readerMode like feel that display's content cleanly (For Reading)
How to use:
- Just pass in a Url into the component and your good to go.
Installation Instructions
$ npm install react-native-readability
or
$ yarn add react-native-readability
Example
; ; ReadabilityView htmlCss= url="https://www.nytimes.com/" title="The Earth is Flat"/;
Available Props
prop | default | type | description |
---|---|---|---|
url | "" | string | Required: A valid web url source |
htmlCss | "" | string | Optional: Css StyleSheet in a string format. Follow the default template for a start |
readerMode | true | boolean | Optional: Render the view with a Safari reader Mode Feel |
renderLoader | null | Component | Optional: A custom component to render while your content is being loaded |
title | "" | string | Optional: A title to enforce for the content. Helps when a website has multiple h1 tags or (dirty html) |
containerStyle | undefined | object | Optional: Controls the styling of the outer wrapper of the webview. (Useful for animations) |
loaderContainerStyle | undefined | object | Optional: Controls the styling of the container for the spinner that appears when content is loading |
indicatorProps | undefined | object | Optional: Exposes all ActivityIndicator props |
onError | null | function | Optional: A function that fires the error if a url is not valid |
This package also exposes every prop for react-native-render-html. For the list of all available props check out Other Props