react-native - 内联元素实现

Question

我想创建Text组件并连续显示它们，就像spanhtml 中的元素一样。如果我这样做：

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

它们之间的线断了，它看起来像：

从这里开始，在这里
结束

如何防止换行并将它们显示在同一行？

Answer 1

只需设置正确的flexDirection. 默认为column。

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

Answer 2

Text用另一个Text元素包装组件时，组件是内联的，例如：

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