在React-Native

时间:2019-01-21 16:14:58

标签: react-native flexbox

无论设备是垂直的还是水平的,或者组件是否在父级中,我都希望创建一个视图-包含卡片-窗口的宽度始终为'90%'

我尝试过的事情:

1使用百分比

width: '90%'

如果我在屏幕的主视图上单独使用我的卡片,效果很好,但是当我将我的卡片与其他卡片在水平ScrollView上使用时,我可以看到很多卡片,但是我只想看到一张卡,然后滚动。

2使用React.Dimensions

Dimensions.get('window').width*0.9带有填充):

当我单独使用一张卡片甚至在scrollView中使用很多卡片时,它都可以完美工作,但是当我改变屏幕的方向时,它占用的屏幕宽度小于“ 90%”。

3使用基于this answer的flex基础

还有什么更好的方法可以实现我的目标?

1 个答案:

答案 0 :(得分:0)

您可能想看看这个包装https://github.com/marudy/react-native-responsive-screen 该程序包不需要任何方向更改支持。实际上这只是一个文件,所以您可能想看看