Skip to content

Commit 883d7ce

Browse files
committed
docs: update README
1 parent 5488259 commit 883d7ce

File tree

1 file changed

+26
-1
lines changed

1 file changed

+26
-1
lines changed

README.md

Lines changed: 26 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -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
110110
yarn 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

115140
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).

0 commit comments

Comments
 (0)