📝 Credits: This is a maintained fork of react-native-render-html by Meliorence. All credit goes to the original authors for their excellent work. The contents of this fork compared to the parent have been significantly slimmed down; only the render-html package is included in this repository.

🗃️ Releases

The Foundry (v6) release is finally stable, and is now-on the recommended version. This is a maintained fork of the original library. For migration from v5 and below, please refer to the original documentation.

: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 | GitHub Repository | | | 5.1   | release/5.1   | release/5.1/README.md | | | 4.2   | release/4.2   | release/4.2/README.md | |

:computer: Install

npm install @tristanheilman/react-native-render-html

yarn add @tristanheilman/react-native-render-html

:speedboat: Basic Usage

import React from 'react';
import { useWindowDimensions } from 'react-native';
import RenderHtml from '@tristanheilman/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 GitHub repository for documentation and examples.

:iphone: Example

You like to learn by example? Check out the examples in our GitHub repository.

:notebook: Changelog

The changelog is available here: 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.