在 CSS 中,z-index 屬性用于指定元素的堆疊順序(顯示層級)。堆疊順序越大的元素會顯示在堆疊順序較小的元素的上方。
z-index 的取值可以是整數、auto 或 inherit。當取值為 auto 或 inherit 時,z-index 的計算將依據元素在文檔流中的順序。
z-index 的值可以為負數。當兩個元素的 z-index 值相同時,后面出現的元素會覆蓋前面的元素。當元素的父元素 z-index 值不為 auto 時,其子元素的 z-index 值只有在父元素內部才能作用。
使用 React Native 進行移動端開發時,有一個 CSS 屬性名為 rn-z-index,它是專門為 React Native 定制的 z-index 屬性。與 CSS 的 z-index 屬性類似,rn-z-index 屬性用于設置 React Native 元素的堆疊順序。但需要注意的是,rn-z-index 的取值必須是整數。
我在最上面 我在最下面
在上面的例子中,第一個 View 元素的 rn-z-index 值為 1,第二個 View 元素的 rn-z-index 值為 0,因此第一個 View 元素會顯示在第二個 View 元素的上方。