Javascript React Native-对中flexWrap内容

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

外部项目以某种方式阻碍了工作。我不确定内部的工作原理以及为什么这样做，但是下面的代码现在可以正常工作了

<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>

---

您可以在这里使用flex，找到正确的值组合来实现您想要的，您是否尝试添加justifyContent:“center”？这将是flexDirection中用于水平对齐的属性：“行”。感谢您共享FlexyBox上的链接。非常方便的工具。通过将justifyContent和alignContent设置为中心，我能够在FlexyBox上运行它，但在我的项目中仍然没有运气。FWIW，React Native不支持alignContent，将justifyContent添加到我的视图似乎没有效果。

<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>