React Native - 居中 flexWrap 内容

Question

我有一个需要在列表中呈现项目的View 。 这些项目需要连续呈现然后环绕。 我可以通过使用flexDirection和flexWrap来实现这种行为，如下所示。 问题是包装的行都显示为左对齐，因此向右留下未确定的空间。 这是有道理的，但我想知道是否有办法将flexWrap创建的每一行的内容居中？

<View style={{alignItems: 'center', justifyContent: 'center'}}>
  <View style={{alignItems: 'center', justifyContent: 'center', flexDirection: 'row', flexWrap: 'wrap'}}>
    <Item value={1} />
    <Item value={2} />
    <Item value={3} />
  </View>
</View>

Answer 1

外部alignItems以某种方式妨碍了。 我不确定内部工作原理以及为什么会这样，但下面的代码现在可以按预期工作。

<View style={{justifyContent: 'center'}}>
  <View style={{alignItems: 'center', justifyContent: 'center', flexDirection: 'row', flexWrap: 'wrap'}}>
    <Item value={1} />
    <Item value={2} />
    <Item value={3} />
  </View>
</View>