react-native - color - react navigation

Implementación de elementos en línea

Question

Quiero crear componentes de Text y mostrarlos en una fila, como elementos de span en html. Si lo estoy haciendo de esta manera:

<View>
  <Text> Start here, </Text> <Text> finish here </Text>
</View>

línea se rompe entre ellos y se ve así:

Empieza aqui,
terminar aquí

¿Cómo puedo prevenir el corte de línea y mostrarlos en la misma línea?

Answer 1

Simplemente configure la dirección correcta de flexDirection . El valor predeterminado es column .

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

Answer 2

Text componentes de Text están en línea al envolverlos con otro elemento de Text , como:

<Text>
   <Text>We</Text><Text>Are</Text><Text>Inline</Text>
</Text>