我有一个需要在列表中呈现项目的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>
justifyContent: 'center'
吗?这是在flexDirection: 'row'
中用于水平对齐的属性。 - Michael BenjaminjustifyContent
和alignContent
设置为center
来使其在flexyboxes上运行,但在我的项目中仍然没有成功。值得一提的是,React Native不支持alignContent
,并且将justifyContent
添加到我的View
似乎没有任何效果。 - Anshuul Kai