React Native：View内多Text组件实现连续段落排版问题

我编写了如下React Native代码，希望将一个View组件内的多个Text组件显示为连续段落，但当前在App中显示为换行状态。（因需使用Tooltip，必须在单个容器内保留多个独立Text组件）

源码：

<View style={{flex:1, width:'100%', flexDirection: 'row', flexWrap: 'wrap', padding: 10}}>
  <Text>{'放棄行政工作。'}</Text>
  <Text>{'退守分析預測的。'}</Text>
  <Text>{'把AI當作同事，形成協同合作的團隊。'}</Text>
  <Text>{'多琢磨在創造力以及各種流程架構設計師角色。'}</Text>
  <Text>{'強化自己人際網路、溝通協調、談判上的能力。'}</Text>
</View>

当前显示效果：

期望显示效果：

解决方案 #

方案1：Text组件嵌套（推荐）

React Native支持Text组件嵌套，父Text会作为段落容器，子Text自动连续排列并随容器宽度换行，同时每个子Text仍可单独绑定Tooltip：

<Text style={{flex:1, width:'100%', padding: 10}}>
  <Text>{'放棄行政工作。'}</Text>
  <Text>{'退守分析預測的。'}</Text>
  <Text>{'把AI當作同事，形成協同合作的團隊。'}</Text>
  <Text>{'多琢磨在創造力以及各種流程架構設計師角色。'}</Text>
  <Text>{'強化自己人際網路、溝通協調、談判上的能力。'}</Text>
</Text>

方案2：View容器+行内Text样式

如果坚持使用View作为容器，只需给每个Text组件添加display: 'inline'样式，让它们以行内元素形式连续排列：

<View style={{flex:1, width:'100%', flexDirection: 'row', flexWrap: 'wrap', padding: 10}}>
  <Text style={{display: 'inline'}}>{'放棄行政工作。'}</Text>
  <Text style={{display: 'inline'}}>{'退守分析預測的。'}</Text>
  <Text style={{display: 'inline'}}>{'把AI當作同事，形成協同合作的團隊。'}</Text>
  <Text style={{display: 'inline'}}>{'多琢磨在創造力以及各種流程架構設計師角色。'}</Text>
  <Text style={{display: 'inline'}}>{'強化自己人際網路、溝通協調、談判上的能力。'}</Text>
</View>

两种方案都能实现连续段落效果，其中Text嵌套的方式更符合React Native的文本布局规范。

内容的提问来源于stack exchange，提问作者gshoanganh