https://github.com/meliorence/react-native-render-html

iOS/Android pure javascript react-native component that renders your HTML into 100% native views
https://github.com/meliorence/react-native-render-html

android css customizable html ios react-native render styling

Last synced: 4 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/meliorence/react-native-render-html
• Owner: meliorence
• License: bsd-2-clause
• Created: 2016-11-29T10:50:53.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-10-02T08:06:15.000Z (2 months ago)
• Last Synced: 2024-10-29T11:00:40.469Z (about 1 month ago)
• Topics: android, css, customizable, html, ios, react-native, render, styling
• Language: TypeScript
• Homepage: https://meliorence.github.io/react-native-render-html/
• Size: 67.3 MB
• Stars: 3,475
• Watchers: 32
• Forks: 588
• Open Issues: 60
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.adoc
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-render-html - iOS/Android pure javascript react-native component that renders your HTML into 100% native views.  (Components / Parsing)

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](https://meliorence.github.io/react-native-render-html/blog/2021/06/07/foundry-announcement).

We also have a [**migration

guide**](https://meliorence.github.io/react-native-render-html/docs/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                                                                                   | -                                                                                                          | [![npm](https://img.shields.io/npm/v/react-native-render-html/next)](#)        |

| 6.3   | [release/6.3](https://github.com/meliorence/react-native-render-html/tree/release/6.3)   | [Official Website](https://meliorence.github.io/react-native-render-html/)                                 | [![npm](https://img.shields.io/npm/v/react-native-render-html/release/6.3)](#) |

| 5.1   | [release/5.1](https://github.com/meliorence/react-native-render-html/tree/release/5.1)   | [release/5.1/README.md](https://github.com/meliorence/react-native-render-html/blob/release/5.1/README.md) | [![npm](https://img.shields.io/npm/v/react-native-render-html/release/5.1)](#) |

| 4.2   | [release/4.2](https://github.com/meliorence/react-native-render-html/tree/release/4.2)   | [release/4.2/README.md](https://github.com/meliorence/react-native-render-html/blob/release/4.2/README.md) | [![npm](https://img.shields.io/npm/v/react-native-render-html/release/4.2)](#) |



## :computer: Install

```bash

npm install react-native-render-html

```

```bash

yarn add react-native-render-html

```

## :speedboat: Basic Usage

```jsx

import React from 'react';

import { useWindowDimensions } from 'react-native';

import RenderHtml from 'react-native-render-html';

const source = {

  html: `



  Hello World!

`

};


export default function App() {

  const { width } = useWindowDimensions();

  return (

    

  );

}

```

## :blue_book: Documentation

See our [official website](https://meliorence.github.io/react-native-render-html/) and [the official Discovery App](https://expo.io/@jsamr/react-native-render-html-discovery).

## :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](https://meliorence.github.io/react-native-render-html/blog/2021/06/27/create-blog-app-rnrh-I).

## :notebook: Changelog

The changelog is available here: [packages/render-html/CHANGELOG.md](./packages/render-html/CHANGELOG.md).

## :bulb: Help

Please refer to [our dedicated document](./HELP.adoc).

## 👥 Community

You're always welcome to join our [discord channel](https://discord.gg/dbEMMJM) :-).

## :pencil: Contributing

Check-out our [contributing guide](./CONTRIBUTING.adoc).

- You can report bugs in [our Issue Tracker](https://github.com/meliorence/react-native-render-html/issues);

- We handle Feature Requests [in our Canny board](https://native-html.canny.io/features).

## :blue_heart: Sponsorship

Want to support this project or hire us to implement a feature? [Check out this page](https://github.com/sponsors/jsamr).

## :balance_scale: License

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