Javascript 在图中画垂直虚线

Javascript 在图中画垂直虚线,javascript,css,reactjs,react-native,layout,Javascript,Css,Reactjs,React Native,Layout,有人能建议如何在React Native中的图标之间绘制这些垂直虚线吗?首先,如果需要更多样式,您可以搜索第三个库。我找到了react-native-dash库。您可以像以下一样使用: <Dash dashGap={3} style={{width:1, height:100, flexDirection:'column',}}/> 然后,如果您想自己定义一个组件,可以使用样式并将其放入 纯组分 export const DotLine = (props) => {


有人能建议如何在React Native中的图标之间绘制这些垂直虚线吗?

首先,如果需要更多样式,您可以搜索第三个库。我找到了
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/>

export const DotLine=(道具)=>{
返回({
})
}
//然后在其他组件中使用它

试试这里的答案,我检查过了,但只有一个点。如果我想申请,我必须做超过15个视图标签。代码太多/您已经尝试过
borderRadius:1