@@ -8,16 +8,14 @@ Divider 分割线
88``` jsx mdx:preview&background=#bebebe29
99import React ,{Component , Fragment } from " react"
1010import { View , Text } from ' react-native' ;
11- import { Divider } from ' @uiw/react-native' ;
11+ import { Divider , Spacing } from ' @uiw/react-native' ;
1212
1313function Demo () {
1414 return (
1515 < Fragment>
16- < Text > 分割线< / Text >
1716 < Divider label= " OR" / >
18- < Text > 横向分割线 < / Text >
17+ < Spacing type = ' vertical ' / >
1918 < Divider / >
20- < Text > 分割线< / Text >
2119 < / Fragment>
2220 );
2321}
@@ -32,14 +30,13 @@ export default Demo
3230``` jsx mdx:preview&background=#bebebe29
3331import React ,{Component , Fragment } from " react"
3432import { View , Text } from ' react-native' ;
35- import { Divider } from ' @uiw/react-native' ;
33+ import { Divider , Spacing } from ' @uiw/react-native' ;
3634
3735function Demo () {
3836 return (
3937 < Fragment>
40- < Text > 分割线< / Text >
4138 < Divider label= " OR" gutter= {50 } / >
42- < Text > 分割线 < / Text >
39+ < Spacing type = ' vertical ' / >
4340 < Divider label= " OR" gutter= {100 } / >
4441 < / Fragment>
4542 );
@@ -53,16 +50,15 @@ export default Demo
5350``` jsx mdx:preview&background=#bebebe29
5451import React ,{Component , Fragment } from " react"
5552import { View , Text } from ' react-native' ;
56- import { Divider } from ' @uiw/react-native' ;
53+ import { Divider , Spacing } from ' @uiw/react-native' ;
5754
5855function Demo () {
5956 return (
6057 < Fragment>
61- < Text > 分割线< / Text >
6258 < Divider label= " left" orientation= " left" labelStyle= {{ fontWeight: ' bold' }} / >
63- < Text > 分割线 < / Text >
59+ < Spacing type = ' vertical ' / >
6460 < Divider label= " center" labelStyle= {{ fontWeight: ' bold' ,}} / >
65- < Text > 分割线 < / Text >
61+ < Spacing type = ' vertical ' / >
6662 < Divider label= " right" orientation= " right" labelStyle= {{ fontWeight: ' bold' }} / >
6763 < / Fragment>
6864 );
0 commit comments