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

外部[self.nameLabel makeConstraints:^(MASConstraintMaker *make) { make.centerY.equalTo(self.bottomContainer.centerY); make.left.equalTo(self.left).with.offset(@10); make.width.lessThanOrEqualTo(@120); make.leading.equalTo(self.priceLabel.trailing); }]; [self.priceLabel makeConstraints:^(MASConstraintMaker *make) { make.centerY.equalTo(self.bottomContainer.centerY); make.right.equalTo(self.right).with.offset(@-10); make.width.lessThanOrEqualTo(@150); }];以某种方式阻碍了。我不确定内部工作原理及其工作原理，但现在下面的代码按预期工作。

alignItems

React Native - 以flexWrap为中心

1 个答案: