See image

Quelqu'un peut-il suggérer comment faire ces lignes verticales en pointillés entre les icônes dans React Native?

-1
Jasur Kurbanov 6 nov. 2019 à 14:14

1 réponse

tout d'abord, vous pouvez rechercher la troisième bibliothèque, si vous voulez plus de style. Je trouve la bibliothèque react-native-dash. vous pouvez utiliser comme suit:

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

puis, si vous voulez définir un composant par vous-même, vous pouvez utiliser le style et le mettre dans le composant pur

export const DotLine = (props) => {

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

   })

}

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

1
Lenoarod 6 nov. 2019 à 13:26