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

View 在窗口中心和其他视图上方布置视图的实际示例,view,z-index,react-native,View,Z Index,React Native,我搜索并发现视图的z排序是通过将样式的位置设置为“绝对”,然后指定视图的顶部、底部、左侧和右侧来完成的 但是,在这种情况下,为了确保视图正好位于中心,我们必须首先测量视图的宽度和高度,然后进行一些减法和加法,以找到视图的绝对左角和上角,如下所示: <View style={{position: 'absolute', left: {deviceWidth / 2 - self.width / 2}, top: {deviceHeight / 2 - self.height / 2}}} /

我搜索并发现视图的z排序是通过将样式的位置设置为“绝对”,然后指定视图的顶部、底部、左侧和右侧来完成的

但是,在这种情况下,为了确保视图正好位于中心,我们必须首先测量视图的宽度和高度,然后进行一些减法和加法,以找到视图的绝对左角和上角,如下所示:

<View style={{position: 'absolute', left: {deviceWidth / 2 - self.width / 2}, top: {deviceHeight / 2 - self.height / 2}}} />
这显然不是首选


任何人都有一个实际的解决方案来布置视图,例如,进度条位于窗口中心,同时位于其他视图之上?

视图从上到下布置,以便代码中位于底部的视图高于视图中的其他视图