flexbox - React Native 和 Flex 中的响应式网格

Question

我想创建最简单的两列网格 ListView

item | item
item | item

我看到了这篇关于创建网格的帖子，并且奏效了 -
ListView grid in React Native

我不明白如何使我的网格响应？
如何将项目的大小设置为 50%？

我知道它是一种新语言，但我希望它可以有一些更详细的指南/文档。

Answer 1

我只需要这样做，我就可以通过简单的 react View 和 flexWrap 来解决它。规则。

父 View

{ flex: 1, flexDirection: 'row', flexWrap: 'wrap'}

subview (项目)

{ width: '50%' }

希望这可以帮助某人!