Skip to content

Commit c4897c1

Browse files
committed
docs(WingBlank): 添加文档示例
1 parent 83b6658 commit c4897c1

File tree

1 file changed

+37
-10
lines changed

1 file changed

+37
-10
lines changed

packages/core/src/WingBlank/README.md

Lines changed: 37 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,21 +7,23 @@ WingBlank 两翼留白
77

88

99
```jsx mdx:preview
10-
import React,{Component} from 'react';
11-
import { Text } from 'react-native';
10+
import React,{ Component } from 'react';
11+
import { View, Text } from 'react-native';
1212
import { WingBlank } from '@uiw/react-native';
1313

1414
function Demo() {
1515
return (
16-
<WingBlank>
17-
<Text>两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留两翼留白两翼留白两翼留白两翼留白</Text>
18-
</WingBlank>
16+
<View>
17+
<WingBlank size="small">
18+
<Text>两翼留白</Text>
19+
</WingBlank>
20+
</View>
1921
);
2022
}
2123
export default Demo
2224
```
2325

24-
size两翼留白的间距,默认`default`
26+
`size`两翼留白的间距,默认`default`
2527

2628
```jsx mdx:preview
2729
import React,{Component,Fragment} from 'react';
@@ -32,13 +34,38 @@ function Demo() {
3234
return (
3335
<Fragment>
3436
<WingBlank size='small'>
35-
<Text>两翼留白两翼留白</Text>
37+
<Text>两翼留白</Text>
3638
</WingBlank>
3739
<WingBlank size='default'>
38-
<Text>两翼留白两翼留白</Text>
40+
<Text>两翼留白</Text>
3941
</WingBlank>
4042
<WingBlank size='large'>
41-
<Text>两翼留白两翼留白</Text>
43+
<Text>两翼留白</Text>
44+
</WingBlank>
45+
</Fragment>
46+
);
47+
}
48+
export default Demo
49+
```
50+
51+
两翼留白不换行
52+
53+
```jsx mdx:preview
54+
import React,{Component,Fragment} from 'react';
55+
import { Text } from 'react-native';
56+
import { WingBlank } from '@uiw/react-native';
57+
58+
function Demo() {
59+
return (
60+
<Fragment>
61+
<WingBlank size='small' style={{ display: 'inline' }}>
62+
<Text>两翼留白</Text>
63+
</WingBlank>
64+
<WingBlank size='small' style={{ display: 'inline' }}>
65+
<Text>两翼留白</Text>
66+
</WingBlank>
67+
<WingBlank size='small' style={{ display: 'inline' }}>
68+
<Text>两翼留白</Text>
4269
</WingBlank>
4370
</Fragment>
4471
);
@@ -50,4 +77,4 @@ export default Demo
5077

5178
| 参数 | 说明 | 类型 | 默认值|
5279
| ---- | ---- | ---- | ---- |
53-
| size | 两翼留白的间距 | `small`, `default`, `large` | `default` |
80+
| size | 两翼留白的间距 | `small`, `default`, `large` | `default` |

0 commit comments

Comments
 (0)