Skip to content

Commit 690f3e1

Browse files
committed
Merge branch 'dev' of https://github.com/uiwjs/react-native-uiw into dev
2 parents f4dcbfd + fcfb8f7 commit 690f3e1

File tree

1 file changed

+17
-17
lines changed

1 file changed

+17
-17
lines changed

packages/core/src/Divider/README.md

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@ import { Divider } from '@uiw/react-native';
1313
function Demo() {
1414
return (
1515
<Fragment>
16-
<Text>分割线</Text>
17-
<Divider label="OR" />
18-
<Text>横向分割线</Text>
19-
<Divider />
20-
<Text>分割线</Text>
16+
<Text style={{ color: '#555' }}>分割线</Text>
17+
<Divider label="OR" labelStyle={{ color: '#555' }}/>
18+
<Text style={{ color: '#555' }}>横向分割线</Text>
19+
<Divider labelStyle={{ color: '#555' }}/>
20+
<Text style={{ color: '#555' }}>分割线</Text>
2121
</Fragment>
2222
);
2323
}
@@ -37,10 +37,10 @@ import { Divider } from '@uiw/react-native';
3737
function Demo() {
3838
return (
3939
<Fragment>
40-
<Text>分割线</Text>
41-
<Divider label="OR" gutter={50}/>
42-
<Text>分割线</Text>
43-
<Divider label="OR" gutter={100}/>
40+
<Text style={{ color: '#555' }}>分割线</Text>
41+
<Divider label="OR" gutter={50} labelStyle={{ color: '#555' }}/>
42+
<Text style={{ color: '#555' }}>分割线</Text>
43+
<Divider label="OR" gutter={100} labelStyle={{ color: '#555' }}/>
4444
</Fragment>
4545
);
4646
}
@@ -58,12 +58,12 @@ import { Divider } from '@uiw/react-native';
5858
function Demo() {
5959
return (
6060
<Fragment>
61-
<Text>分割线</Text>
62-
<Divider label="left" orientation="left" labelStyle={{ fontWeight: 'bold' }} />
63-
<Text>分割线</Text>
64-
<Divider label="center" labelStyle={{ fontWeight: 'bold' }} />
65-
<Text>分割线</Text>
66-
<Divider label="right" orientation="right" labelStyle={{ fontWeight: 'bold' }} />
61+
<Text style={{ color: '#555' }}>分割线</Text>
62+
<Divider label="left" orientation="left" labelStyle={{ fontWeight: 'bold', color: '#555' }} />
63+
<Text style={{ color: '#555' }}>分割线</Text>
64+
<Divider label="center" labelStyle={{ fontWeight: 'bold', color: '#555' }} />
65+
<Text style={{ color: '#555' }}>分割线</Text>
66+
<Divider label="right" orientation="right" labelStyle={{ fontWeight: 'bold', color: '#555' }} />
6767
</Fragment>
6868
);
6969
}
@@ -81,7 +81,7 @@ import { Divider } from '@uiw/react-native';
8181
function Demo() {
8282
return (
8383
<View style={{ height: 200 }}>
84-
<Divider type="vertical" label="OR" />
84+
<Divider type="vertical" label="OR" labelStyle={{ color: '#555' }} />
8585
</View>
8686
);
8787
}
@@ -98,4 +98,4 @@ export default Demo
9898
| `label` | 分割线标题,文本内容 | String | - |
9999
| `type` | 水平还是垂直类型 | `horizontal`, `vertical` | `horizontal` |
100100
| `gutter` | 间距,根据 `type` 来设置上下或者左右间距 | Number | `8` |
101-
| `orientation` | 分割线标题的位置 | `left`, `right`,`center`| `center` |
101+
| `orientation` | 分割线标题的位置 | `left`, `right`,`center`| `center` |

0 commit comments

Comments
 (0)