React Native：如何将文本块放置在行尾

Question

我想将文本块放在行尾并在需要时进行换行，例如：

我正在努力，但是没有用，这是我的代码：

<View style={{
  flexDirection: 'row',
  flexWrap: 'wrap',
}}>
  <Text>React native text 1</Text>
  <Text>React native text 2</Text>
  <Text>React native text 3</Text>
</View>

我的结果：

请问有什么办法可以做到这一点。谢谢

Answer 1

您是否尝试将Text封装在父Text组件中？喜欢

<View style={{
  //flexDirection: 'row', //no more needed
  //flexWrap: 'wrap', //no more needed
}}>
  <Text>
    <Text>React native text 1</Text>
    <Text>React native text 2</Text>
    <Text>React native text 3</Text>
  </Text>
</View>