在窗口中心和其他视图上布置视图的实际示例

Question

我搜索并发现，视图的z排序是通过将样式的位置设置为'绝对'，然后指定顶部，底部，左视图和右视图。

但是，在这种情况下，为了确保视图正确在中心，我们必须首先测量视图的宽度和高度，并进行一些减法和加法操作以找到视图的绝对左上角，像这样：

<View style={{position: 'absolute', left: {deviceWidth/2 - self.width/2}, top: {deviceHeight/2 - self.height/2}}} /> 

这并不是明显优选的。

任何人都有一个实用的解决方案，在窗口中心布置视图（例如进度条），同时位于其他视图之上？

Answer 1

从上到下布置视图，以便底部（代码）上的视图高于其他视图（在视图中）