React Native(使用响应网格)问题,组件太大

时间:2018-07-26 22:35:15

标签: css reactjs react-native react-native-ios

顺便说一下,我将Native Base用于卡组件,对react-native-response-grid使用了网格。

http://prntscr.com/kbi48m

这是代码块。基本上,它设置了一个水平框(行),其中有两列。每列中都有一个卡组件。如果屏幕尺寸小于小尺寸,则各列的宽度为屏幕尺寸的99%,并且彼此堆叠。如果屏幕足够大,则两列均以50%的宽度并排显示。

在横向视图中,垂直显示Card组件的大小正常(我将Card的宽度手动设置为100%,以使其占据容器的整个宽度)。 (它的大小足以适应http://prntscr.com/kbi5q4

内的文本字段。

在纵向模式下,卡片突然变高。比子元素所需的高度高得多:http://prntscr.com/kbi6o7

我试图对卡的高度进行硬编码,以使其适合横向或纵向,但不能同时用于两种。我以前从未见过像这样的父组件在其孩子的一侧提供可笑的额外间距。

有见识吗?

0 个答案:

没有答案