Skip to content

Commit

Permalink
Merge branch 'dev' of https://github.com/uiwjs/react-native-uiw into dev
Browse files Browse the repository at this point in the history
  • Loading branch information
ChenlingasMx committed Feb 28, 2023
2 parents f4dcbfd + fcfb8f7 commit 690f3e1
Showing 1 changed file with 17 additions and 17 deletions.
34 changes: 17 additions & 17 deletions packages/core/src/Divider/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,11 @@ import { Divider } from '@uiw/react-native';
function Demo() {
return (
<Fragment>
<Text>分割线</Text>
<Divider label="OR" />
<Text>横向分割线</Text>
<Divider />
<Text>分割线</Text>
<Text style={{ color: '#555' }}>分割线</Text>
<Divider label="OR" labelStyle={{ color: '#555' }}/>
<Text style={{ color: '#555' }}>横向分割线</Text>
<Divider labelStyle={{ color: '#555' }}/>
<Text style={{ color: '#555' }}>分割线</Text>
</Fragment>
);
}
Expand All @@ -37,10 +37,10 @@ import { Divider } from '@uiw/react-native';
function Demo() {
return (
<Fragment>
<Text>分割线</Text>
<Divider label="OR" gutter={50}/>
<Text>分割线</Text>
<Divider label="OR" gutter={100}/>
<Text style={{ color: '#555' }}>分割线</Text>
<Divider label="OR" gutter={50} labelStyle={{ color: '#555' }}/>
<Text style={{ color: '#555' }}>分割线</Text>
<Divider label="OR" gutter={100} labelStyle={{ color: '#555' }}/>
</Fragment>
);
}
Expand All @@ -58,12 +58,12 @@ import { Divider } from '@uiw/react-native';
function Demo() {
return (
<Fragment>
<Text>分割线</Text>
<Divider label="left" orientation="left" labelStyle={{ fontWeight: 'bold' }} />
<Text>分割线</Text>
<Divider label="center" labelStyle={{ fontWeight: 'bold' }} />
<Text>分割线</Text>
<Divider label="right" orientation="right" labelStyle={{ fontWeight: 'bold' }} />
<Text style={{ color: '#555' }}>分割线</Text>
<Divider label="left" orientation="left" labelStyle={{ fontWeight: 'bold', color: '#555' }} />
<Text style={{ color: '#555' }}>分割线</Text>
<Divider label="center" labelStyle={{ fontWeight: 'bold', color: '#555' }} />
<Text style={{ color: '#555' }}>分割线</Text>
<Divider label="right" orientation="right" labelStyle={{ fontWeight: 'bold', color: '#555' }} />
</Fragment>
);
}
Expand All @@ -81,7 +81,7 @@ import { Divider } from '@uiw/react-native';
function Demo() {
return (
<View style={{ height: 200 }}>
<Divider type="vertical" label="OR" />
<Divider type="vertical" label="OR" labelStyle={{ color: '#555' }} />
</View>
);
}
Expand All @@ -98,4 +98,4 @@ export default Demo
| `label` | 分割线标题,文本内容 | String | - |
| `type` | 水平还是垂直类型 | `horizontal`, `vertical` | `horizontal` |
| `gutter` | 间距,根据 `type` 来设置上下或者左右间距 | Number | `8` |
| `orientation` | 分割线标题的位置 | `left`, `right`,`center`| `center` |
| `orientation` | 分割线标题的位置 | `left`, `right`,`center`| `center` |

0 comments on commit 690f3e1

Please sign in to comment.