css - 在本机反应中显示不同设备中不同高度的页脚

Question

我正在使用这段代码在本机反应的最底部有一个页脚。但是在不同的设备上，高度似乎已经改变。我希望所有设备从底部具有相同的高度。这是页脚代码。

 footer:{
    position: 'absolute',
   left: 0, 
   top: windowHeight  - 135, 
   width: windowWidth,
   height: 180,
   backgroundColor: "#436ab2",
   opacity:0.5
   },

我看到使用顶级变量正在做某事。我们如何确保所有设备的事情都是不变的。

标签： cssreact-native

Answer 1

这应该工作

footer: {
   position: 'absolute', 
   bottom: 0, 
   width: '100%',
   height: 180,
   backgroundColor: "#436ab2",
   opacity: 0.5
}