内联元素实现答案

【问题标题】：Inline elements implementation内联元素实现
【发布时间】：2016-01-10 11:33:45
【问题描述】：

我想创建 Text 组件并将它们显示在一行中，就像 html 中的 span 元素一样。如果我这样做：

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

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

从这里开始，
到此结束

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：