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

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

阅读 748
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,显示为一系列短的方形虚线。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进