@builder.io/react-native-render-html
v6.3.4
Published
The hackable, full-featured Open Source HTML rendering solution for React Native.
Downloads
2,279
Readme
🗃️ 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.
:warning: 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 | Latest | | ----- | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | | 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 | |
:computer: Install
npm install react-native-render-html
yarn add react-native-render-html
:speedboat: 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}
/>
);
}
:blue_book: Documentation
See our official website and the official Discovery App.
:iphone: 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.
:notebook: Changelog
The changelog is available here: packages/render-html/CHANGELOG.md.
:bulb: Help
Please refer to our dedicated document.
👥 Community
You're always welcome to join our discord channel :-).
:pencil: Contributing
Check-out our contributing guide.
- You can report bugs in our Issue Tracker;
- We handle Feature Requests in our Canny board.
:blue_heart: Sponsorship
Want to support this project or hire us to implement a feature? Check out this page.
:balance_scale: License
The source code is licensed under BSD 2-Clause "Simplified" License.