web-dev-qa-db-de.com

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?

23
Cherniv

Stellen Sie einfach das richtige flexDirection ein. Die Standardeinstellung ist column.

<View style={{flexDirection: 'row'}}>
 <Text> Start here, </Text> <Text> finish here </Text>
</View>
64
purii

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>
22
Cherniv