React-native-reader NPM

react-native-reader

An iOS/Android lightning fast component that renders any web url into clean native views to display content.

Main Feature:

This provides a Safari reader mode like feel that display's content cleanly (For Reading)

How to use:

If you need to use this in a web browser theres a react version react-reader-view

$ npm install react-native-reader

iOS and Android reader being used inside react-native on a bitcoin website

import ReaderView from "react-native-reader";

<ReaderView url="https://www.nytimes.com" title="The Earth is Flat" />;

prop	default	type	description
url	""	string	Required: A web url source
html	""	string	Optional: A html string to render instead (`url` is still required to get reading material)
lazy	false	boolean	Optional: Lazily set view for reading. - if set to true make sure to call `parseHtml` via refs
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)
titleStyle	undefined	object	Optional: Controls the styling of the title component of the reader.
containerStyle	undefined	object	Optional: Controls the styling of the outer wrapper of the reader.
contentContainerStyle	undefined	object	Optional: Controls the content styling of the scrollview wrapper of the reader.
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
errorPage	""	string	Optional: html string to render if page errors
config	undefined	Config	Optional: configure html element determination