Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 3 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 (over 7 years ago)
- Default Branch: master
- Last Pushed: 2024-05-14T16:37:44.000Z (about 2 months ago)
- Last Synced: 2024-05-15T12:01:34.895Z (about 2 months 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,396
- Watchers: 32
- Forks: 570
- Open Issues: 53
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.adoc
- Funding: .github/FUNDING.yml
- License: LICENSE
Lists
- my-awesome-stars - meliorence/react-native-render-html - iOS/Android pure javascript react-native component that renders your HTML into 100% native views (TypeScript)
- awesome-react-native - react-native-render-html - iOS/Android pure javascript react-native component that renders your HTML into 100% native views.  (Components / Parsing)
- awesome-stars - meliorence/react-native-render-html - iOS/Android pure javascript react-native component that renders your HTML into 100% native views (TypeScript)
- docsify-awesome-stars - meliorence/react-native-render-html - iOS/Android pure javascript react-native component that renders your HTML into 100% native views (TypeScript)
- rn-awesome - react-native-render-html
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 | - | [](#) |
| 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/) | [](#) |
| 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) | [](#) |
| 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) | [](#) |
## :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.