【发布时间】：2016-05-22 00:12:05
【问题描述】：
基本上，我想在 View 元素中放置一个标签列表，如下所示。
PS：图片来自这里：https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
【问题讨论】：
-
您是说您希望项目对齐
flex-start，或者您希望多个项目像上面的flex-start图像一样排列成一行？我问是因为 react-native flexbox 中的默认定位是flex-start，但是要让项目像图像一样排列成一行，你必须声明flexDirection:row。 -
@NaderDabit：我想让标签（不同长度的文本）首先从左到右排列在一行上，然后自动切换到下一行......等等，就像第一张图片显示。您的建议是否实现了自动交换部分？
-
是的，如上所述，在您要对齐的项目的父容器中使用
flexDirection: 'row'和flexWrap: 'wrap'，这样就可以了。
标签： css reactjs react-native flexbox