Skip to content

qfight/rn-dashline

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DashLine

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 组件样式

License

MIT License

About

React Native虚线组件(兼容Android)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published