【发布时间】：2017-07-30 22:05:55
【问题描述】：
在这里查看教程时：https://facebook.github.io/react-native/docs/flexbox.html#align-items，当我将 flexWrap:'wrap' 添加到父视图（以及足够的子视图以使其会换行）。 Flexbox 的行为就好像它对行有“间距”要求。
<View style={{
flex: 1,
flexDirection: 'row',
justifyContent: 'flex-start',
flexWrap:'wrap',
alignItems: 'flex-start'
}}>
** Enough Views to get a wrap **
</View>
设置 flex:0 可以得到我想要的结果：
当我使用 flexDirection:'column' 时会表现出相同的行为，但无论我将 flex 值设置为什么，我都会得到不需要的行为：
我是否错误地使用了 flexbox？或者这是 react-native 的 flexbox 内部的一个错误？
【问题讨论】：
-
这看起来像是
align-content: stretch的问题。但显然 React Native 中没有等效的属性。下面是问题的描述：stackoverflow.com/q/40890613/3597276 -
是的，我也遇到了 align-content。将 alignContent:'flex-start' 字段添加到此模拟器实际上可以解决问题，但是当您在实际的 react-native 构建中尝试时，此解决方案会中断。
-
很确定这是 react-native 的一个错误，我在这里提交了一个错误：github.com/facebook/react-native/issues/12836
标签： react-native flexbox