Skip to content

meliorence/react-native-render-html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

platforms runs with expo
npm npm npm
github issues
Rate on Openbase


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 Latest
next master - npm
6.3 release/6.3 Official Website npm
5.1ย ย  release/5.1ย ย  release/5.1/README.md npm
4.2ย ย  release/4.2ย ย  release/4.2/README.md npm

๐Ÿ’ป 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.

๐Ÿ’™ 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.