iOS/Android pure javascript react-native component that renders your HTML into 100% native views
See the code[!IMPORTANT]
The project has been moved to native-html/render.
This repository is now archived and there won't be any active development.
| 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 |
npm install react-native-render-html
yarn add react-native-render-html
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}
/>
);
}
See our official website and the official Discovery App.
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.
The changelog is available here: packages/render-html/CHANGELOG.md.
Please refer to our dedicated document.
You're always welcome to join our discord channel :-).
Check-out our contributing guide.
Want to support this project or hire us to implement a feature? Check out this page.
The source code is licensed under BSD 2-Clause "Simplified" License.
Overall
Maintained
Code review
Latest release
Releases this year
650 followers ยท starred Jul 2020
1,553 followers ยท starred Apr 2021
194 followers ยท starred Feb 2021
258 followers ยท starred Dec 2018
iOS/Android pure javascript react-native component that renders your HTML into 100% native views
See the code[!IMPORTANT]
The project has been moved to native-html/render.
This repository is now archived and there won't be any active development.
| 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 |
npm install react-native-render-html
yarn add react-native-render-html
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}
/>
);
}
See our official website and the official Discovery App.
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.
The changelog is available here: packages/render-html/CHANGELOG.md.
Please refer to our dedicated document.
You're always welcome to join our discord channel :-).
Check-out our contributing guide.
Want to support this project or hire us to implement a feature? Check out this page.
The source code is licensed under BSD 2-Clause "Simplified" License.
Overall
Maintained
Code review
Latest release
Releases this year
650 followers ยท starred Jul 2020
1,553 followers ยท starred Apr 2021
194 followers ยท starred Feb 2021
258 followers ยท starred Dec 2018