React Native虚线组件(兼容Android)
目前,在Android上给某一边设置虚线,显示是不正常的。所以开发这个组件,去实现一条虚线。
注意: 目前只实现水平方向的虚线,如果有需要实现垂直方向的虚线,欢迎PR。
npm install rn-dashline --save
import DashLine from 'rn-dashline';
export default ({}) => {
return (
<View style={{flexDirection: 'row'}}>
{/* other components */}
<DashLine style={{flex: 1, margin: 5}} lineWidth={2} />
</View>
)
}
名称 | 类型 | 描述 |
---|---|---|
color | String | 线条颜色,默认:'black' |
backgroundColor | String | 背景颜色,默认:'white' |
lineWidth | Number | 线条粗细,默认:1 |
style | Object | 组件样式 |