在本机中绘制垂直虚线

Question

有人可以建议如何在React Native中的图标之间做这些垂直虚线吗？

Answer 1

首先，如果需要更多样式，可以搜索第三个库。我找到了react-native-dash库。您可以像下面这样使用：

 <Dash dashGap={3} style={{width:1, height:100, flexDirection:'column',}}/>

然后，如果您想自己定义一个组件，则可以使用样式并将其放入 纯成分

export const DotLine = (props) => {

  return({
     <View style={{
        borderStyle: 'dotted',
        height:200,
        borderLeftWidth:5
       }}/>

   })

}

//then use it in other components
<Icon/><DotLine/><Icon/>