Divider组件是否存在虚线属性?

UI设计稿中有一条竖着的虚线,使用Divider组件时未找到对应属性,使用Line组件时需要指定起始点和结束点不能动态配置,有其他解决方案么?

阅读 749
1 个回答

使用Divider组件是可以通过border实现虚线的,可以给加个borderwidth属性:

Divider() 
.vertical(true) 
.height(22) 
.strokeWidth(0.2) 
.color('#ff131212') 
.borderWidth(0.5) 
.borderStyle(BorderStyle.Dashed)

通过ROW组件也可以:

Row() 
.width(96)  
.height(96)  
.borderColor(Color.Black) 
.borderWidth(1) 
.borderStyle(BorderStyle.Dashed)

当前通过boder方式实现的虚线支持两种方式,点线和虚线,BorderStyle设置为Dotted,显示为一系列圆点,圆点半径为borderWidth的一半,设置为Dashed,显示为一系列短的方形虚线。