Нарисуйте вертикальную пунктирную линию в реагировать родной

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/>