@@ -94,7 +94,7 @@ for those who are coming from v5 and below.
9494| Minor | Branch | Documentation | Latest |
9595| ----- | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
9696| next | master | - | [ ![ npm] ( https://img.shields.io/npm/v/react-native-render-html/next )] ( # ) |
97- | 6.1 | [ release/6.1 ] ( https://github.com/meliorence/react-native-render-html/tree/release/6.1 ) | [ Official Website] ( https://meliorence.github.io/react-native-render-html/ ) | [ ![ npm] ( https://img.shields.io/npm/v/react-native-render-html/release/6.1 )] ( # ) |
97+ | 6.2 | [ release/6.2 ] ( https://github.com/meliorence/react-native-render-html/tree/release/6.2 ) | [ Official Website] ( https://meliorence.github.io/react-native-render-html/ ) | [ ![ npm] ( https://img.shields.io/npm/v/react-native-render-html/release/6.2 )] ( # ) |
9898| 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 )] ( # ) |
9999| 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 )] ( # ) |
100100
@@ -110,6 +110,31 @@ npm install react-native-render-html
110110yarn add react-native-render-html
111111```
112112
113+ ## :speedboat : Basic Usage
114+
115+ ``` jsx
116+ import React from ' react' ;
117+ import { useWindowDimensions } from ' react-native' ;
118+ import RenderHtml from ' react-native-render-html' ;
119+
120+ const source = {
121+ html: `
122+ <p style='text-align:center;'>
123+ Hello World!
124+ </p>`
125+ };
126+
127+ export default function App () {
128+ const { width } = useWindowDimensions ();
129+ return (
130+ < RenderHtml
131+ contentWidth= {width}
132+ source= {source}
133+ / >
134+ );
135+ }
136+ ```
137+
113138## :blue_book : Documentation
114139
115140See 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 ) .
0 commit comments