Implementierung von Inline-Elementen
Ich möchte Text Komponenten erstellen und diese wie span Elemente in HTML in einer Reihe anzeigen. Wenn ich es so mache:
<View>
<Text> Start here, </Text> <Text> finish here </Text>
</View>
die Linie zwischen ihnen ist unterbrochen und es sieht so aus:
Fang hier an,
hier beenden
Wie kann ich einen Zeilenumbruch verhindern und diese in derselben Zeile anzeigen?
Stellen Sie einfach das richtige flexDirection ein. Die Standardeinstellung ist column.
<View style={{flexDirection: 'row'}}>
<Text> Start here, </Text> <Text> finish here </Text>
</View>
Text Komponenten sind inline, wenn sie mit einem anderen Text Element umbrochen werden, wie:
<Text>
<Text>We</Text><Text>Are</Text><Text>Inline</Text>
</Text>