Implémentation d'éléments en ligne
Je veux créer des composants Text et les afficher en ligne, comme des éléments span en html. Si je le fais de cette façon:
<View>
<Text> Start here, </Text> <Text> finish here </Text>
</View>
la ligne est coupée entre eux et ça ressemble à:
Commencer ici,
terminer ici
Comment puis-je empêcher les sauts de ligne et les afficher sur la même ligne?
Définissez simplement le bon flexDirection . La valeur par défaut est column.
<View style={{flexDirection: 'row'}}>
<Text> Start here, </Text> <Text> finish here </Text>
</View>
Text les composants sont en ligne lors de leur emballage avec un autre élément Text, comme:
<Text>
<Text>We</Text><Text>Are</Text><Text>Inline</Text>
</Text>