reactjs - 在 react-native 中 - 当元素不能放入一个时，如何在新行中浮动元素？

Question

从这里的示例中，我想知道当项目不能放入一个时，是否可以将它们浮动到新行中？

<View style={{flex: 1, flexDirection: 'row'}}>
  <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} />
  <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} />
  <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} />
  <View style={{width: 50, height: 50, backgroundColor: 'red'}} />
  <View style={{width: 50, height: 50, backgroundColor: 'green'}} />
  <View style={{width: 50, height: 50, backgroundColor: 'blue'}} />
</View>

blue彩色项目应在新行中。flexbox可以吗？

Answer 1

应用于flexWrap根容器样式。

<View style={{flex: 1, flexDirection: 'row', flexWrap: 'wrap'}}>