React Native - 居中 flexWrap 内容

Question

我有一个View需要渲染列表中的项目。这些项目需要连续渲染，然后环绕。我可以通过使用flexDirectionand来实现此行为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>