Package Exports

react-native-render-html

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-render-html) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-render-html

^{Based on the original work of Thomas Beverley, props to him.}

An iOS/Android pure javascript react-native component that renders your HTML into 100% native views.

🗃️ Releases

The Foundry (v6) release is finally stable, and is now-on the recommended version. Check out the announcement blog post in our brand new website. We also have a migration guide for those who are coming from v5 and below.

⚠️ You are on the master branch which is home for the latest development. Check the table bellow to get documentation for your exact version.

Minor	Branch	Documentation
next	master	-
6.3	release/6.3	Official Website
5.1	release/5.1	release/5.1/README.md
4.2	release/4.2	release/4.2/README.md

💻 Install

npm install react-native-render-html

yarn add react-native-render-html

🚤 Basic Usage

import React from 'react';
import { useWindowDimensions } from 'react-native';
import RenderHtml from 'react-native-render-html';

const source = {
  html: `
<p style='text-align:center;'>
  Hello World!
</p>`
};

export default function App() {
  const { width } = useWindowDimensions();
  return (
    <RenderHtml
      contentWidth={width}
      source={source}
    />
  );
}

📘 Documentation

See our official website and the official Discovery App.

📱 Example

You like to learn by example? We have a tutorial from which the demo GIF has been extracted: A WebView-free Blog App with React Native Render HTML.

📓 Changelog

The changelog is available here: packages/render-html/CHANGELOG.md.

💡 Help

Please refer to our dedicated document.

👥 Community

You're always welcome to join our discord channel :-).

📝 Contributing

Check-out our contributing guide.

You can report bugs in our Issue Tracker;
We handle Feature Requests in our Canny board.

💙 Sponsorship

Want to support this project or hire us to implement a feature? Check out this page.

⚖️ License

The source code is licensed under BSD 2-Clause "Simplified" License.