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

前端之家收集整理的这篇文章主要介绍了flexbox – React Native和Flex中的响应式网格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想创建最简单的两列网格ListView
item | item
item | item

我看到这篇关于创建网格的帖子,并且有效 –
ListView grid in React Native

我无法理解如何使我的网格响应?
如何将项目的大小设置为50%?

我知道这是一种新语言,但我希望它可以有更详细的指南/文件.

解决方法

我只需要这样做,我可以通过简单的反应视图和 flexWrap规则来解决它.

家长观点

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

儿童观(物品)

{ width: '50%' }

希望这可能对某人有所帮助!

猜你在找的Flex相关文章