# Divider

分割线。

# 水平分割线

divider-1

import {Divider} from 'react-native-maui';

<Divider start={0} end={Width} width={1} />
<Divider start={0} end={Width} width={3} color={'red'} />
<Divider start={0} end={100} width={3} strokeDasharray={'5,5'} />
<Divider start={0} end={200} width={3} color={'#11659a'} strokeDasharray={'10,10'}  />

# 竖直分割线

divider-2

import {Divider} from 'react-native-maui';

<Divider vertical start={0} end={100} width={3} />
<Divider vertical start={0} end={100} width={3} strokeDasharray={'5,5'}  />
<Divider vertical start={0} end={100} width={3} color={'red'} />
<Divider vertical start={0} end={100} width={3} color={'#11659a'} strokeDasharray={'10,10'}  />

# 属性

名称	描述	类型	默认值
start Required	分割线的起点，相对于父视图的坐标。	number	0
end Required	分割线的终点，相对于父视图的坐标。	number	Screen.width
vertical	分割线方向，水平或者竖直。	boolean	false
color	分割线的颜色。	string	#e4e4e4
strokeDasharray	线段的类型，可设置虚线。	string	-
width	分割线的宽度	number	1

← Badge Avatar →