动态定位项目以适应不同的屏幕尺寸

时间:2016-05-12 10:38:00

标签: react-native

早上好!

我目前正在尝试创建一个类似于此mockup的视图。

我已经放下了3种不同的屏幕尺寸,因此您可以看到问题。 我有一个带有倾斜底部的标题背景图像(灰色框)。在右边我想显示一个显然需要定位的图像。

水平放置不是问题,但如何垂直放置图像?我把它固定在一个屏幕尺寸上,但显然需要使它变得灵活。

有什么想法吗?非常感谢帮助!

大卫

1 个答案:

答案 0 :(得分:0)

您绝对可以使用@rajesh指出的度量,或者您可以使用Dimensions。只要使设备的布局保持一致,使用绝对位置和测量设备高度就可以让您在这些设备之间保持一致。

查看我设置的this示例,它至少应该是一个很好的起点。

enter image description here

https://rnplay.org/apps/pSzCKg