如何将alignItems与flex值一起使用并换行?

时间:2017-03-09 19:07:57

标签: react-native flexbox

在这里查看教程:https://facebook.github.io/react-native/docs/flexbox.html#align-items时,我无法获得alignItems值以在我添加flexWrap:'wrap'到父视图之间没有任何空格的情况下对齐行(以及足够的子视图等它包装好了。 Flexbox的行为就好像它对行有“间隔”要求。

<View style={{
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'flex-start',
    flexWrap:'wrap',
    alignItems: 'flex-start'
  }}>
  ** Enough Views to get a wrap **
</View>

alignItems is ignored

设置flex:0可以获得我想要的结果:

Results wanted, but I can't use flex

当我使用flexDirection时,表达了相同的行为:'column',除了我设置flex值之外,我得到了不想要的行为:

columns just never work

我是否错误地使用了flexbox?或者这是react-native的flexbox中的错误?

1 个答案:

答案 0 :(得分:0)

使用最新版本的React Native v0.43.1,此问题已修复,并且在React Native中公开了alignContent。