相关疑难解决方法(0)

React native flexbox - 如何进行百分比调整|| 列|| 响应|| 网格等

在过去几周使用iOS本地反应之后,我似乎遇到了一些flex样式的缺点......特别是在涉及"响应"行为时.

例如,假设您要创建一个包含卡片的视图(这些卡片的元数据来自API).您希望卡片的视图宽度的50%减去边距和填充,并在每个2之后换行.

在此输入图像描述

我对此视图的当前实现将返回的数组拆分为包含2个项的行.列表容器有flex: 1, flexDirection: 'column,行有flex: 1,然后每张卡有flex: 1.最终结果是每行有2列,均匀占据视图宽度的一半.

看起来在React Native样式中没有简单的方法可以做到这一点,而不使用javascript对数据进行某种预处理,以便正确地进行样式设置.有没有人有什么建议?

javascript css flexbox reactjs react-native

11
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

flexbox ×1

javascript ×1

react-native ×1

reactjs ×1