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

发布时间：2020-12-15 02:14:24 所属栏目：百科来源：网络整理

导读：我想创建最简单的两列网格ListView item | itemitem | item 我看到这篇关于创建网格的帖子,并且有效 – ListView grid in React Native 我无法理解如何使我的网格响应？如何将项目的大小设置为50％？我知道这是一种新语言,但我希望它可以有更详细的指南/文

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

item | item
item | item

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

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

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

解决方法

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

家长观点

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

儿童观(物品)

{ width: '50%' }

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!