在窗口中心和其他視圖上佈置視圖的實際示例

Question

我搜索並發現，視圖的z排序是通過將樣式的位置設置爲'絕對'，然後指定頂部，底部，左視圖和右視圖。

但是，在這種情況下，爲了確保視圖正確在中心，我們必須首先測量視圖的寬度和高度，並進行一些減法和加法操作以找到視圖的絕對左上角，像這樣：

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

這並不是明顯優選的。

任何人都有一個實用的解決方案，在窗口中心佈置視圖（例如進度條），同時位於其他視圖之上？

Answer 1

從上到下佈置視圖，以便底部（代碼）上的視圖高於其他視圖（在視圖中）