如何避免整个Text组件移动到flexWrap中的下一行：＆＃39; wrap＆＃39;

Question

让我们举个例子。我有两个Text组件如下：

<View style={{flexWrap: 'wrap'}}>
   <Text>12345</Text>
   <Text>67890</Text>
</View>

我的预期结果是：（第二个文本组件将被拆分并移至下一行）

12345678
90

实际结果是：（当行没有足够的宽度放置整个文本组件时，整个第二个文本组件将移动到下一行。）

12345
67890

为此目的，我该如何更改代码？非常感谢!!

Answer 1

React native支持嵌套的Text Componentss，基本上意味着你可以引用不同的字符串以获得你想要的结果。我不太确定你为什么这样做：P一些示例代码如下。请注意，不需要使用flexWrap。

<View style = {{width: 50, backgroundColor: '#e0e0e0'}}>
      <Text>1234578
          <Text>9123456</Text>
      </Text>
</View>

输出如下......

希望这有帮助！

编辑＃1：另一种可能的解决方案？

<View style = {{width: 50, backgroundColor: '#e0e0e0'}}>
      <Text>
           {123456789}
           {412346789}
      </Text>
</View>