首页 文章

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

提问于
浏览
2

在这里查看教程时:https://facebook.github.io/react-native/docs/flexbox.html#align-items,当我向父视图添加flexWrap:'wrap'时,我无法获得alignItems值来对齐行而没有任何空格(并且有足够的子视图使得'd wrap). Flexbox acted as if it had a ' space-between'行 .

<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

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

相关问题