无论设备是垂直的还是水平的,或者组件是否在父级中,我都希望创建一个视图-包含卡片-窗口的宽度始终为'90%'
。
我尝试过的事情:
1使用百分比(width: '90%'
)
如果我在屏幕的主视图上单独使用我的卡片,效果很好,但是当我将我的卡片与其他卡片在水平ScrollView
上使用时,我可以看到很多卡片,但是我只想看到一张卡,然后滚动。
React.Dimensions
(Dimensions.get('window').width*0.9
带有填充):
当我单独使用一张卡片甚至在scrollView中使用很多卡片时,它都可以完美工作,但是当我改变屏幕的方向时,它占用的屏幕宽度小于“ 90%”。
3使用基于this answer的flex基础还有什么更好的方法可以实现我的目标?
答案 0 :(得分:0)
您可能想看看这个包装https://github.com/marudy/react-native-responsive-screen 该程序包不需要任何方向更改支持。实际上这只是一个文件,所以您可能想看看