Typography 排版
---
包含 H1~H6,``, ``, `` 等，类似于 HTML 中的标签。
[`H1~H6`](#标题) · [``](#删除线) · [``](#删除线) · [``](#下划线) · [``](#加粗) · [``](#段落) · [`
`](#换行) · [`
`](#水平线) · [``](#div)
## 标题
```jsx
import { Fragment } from 'react';
import { H1, H2, H3, H4, H5, H6 } from '@uiw/react-native';
function Demo() {
return (
这是标题一
这是标题二
这是标题二
这是标题二
这是标题二
这是标题二
);
}
```
## 删除线
`` 标签是 `` 标签的缩写版本
```jsx
import { Fragment } from 'react';
import { Del, S } from '@uiw/react-native';
function Demo() {
return (
这段字符串中间有条删除线
这段字符串中间有条删除线
);
}
```
## 下划线
```jsx
import { U } from '@uiw/react-native';
function Demo() {
return (
这段文字有下划线
);
}
```
## 加粗
```jsx
import { Strong } from '@uiw/react-native';
function Demo() {
return (
这段文字加粗
);
}
```
## 段落
```jsx
import { P } from '@uiw/react-native';
function Demo() {
return (
这段文字加粗
);
}
```
## 换行
```jsx
import { Text } from 'react-native';
import { Br } from '@uiw/react-native';
function Demo() {
return (
文本开始
换行结束
);
}
```
## 段落
```jsx
import { Br } from '@uiw/react-native';
function Demo() {
return (
这是一个段落{`
`}
);
}
```
## Div
```jsx
import { View, Text } from 'react-native';
import { Div } from '@uiw/react-native';
function Demo() {
return (
这是一段文本{`
`}
既可以是 View/Text 组件 也可以是纯字符串
);
}
```
## 水平线
```jsx
import { View, Text } from 'react-native';
import { Hr } from '@uiw/react-native';
function Demo() {
return (
一段文本
一段文本
);
}
```