RN布局中遇到的層級(jí)問題(zIndex,elevation)

一、zIndex是rn在0.30開始支持的屬性,是可以生效的;
二、shadow(陰影)開頭的樣式現(xiàn)在可以在iOS上應(yīng)用,但在安卓中是不生效的,而Android上對(duì)應(yīng)的屬性是elevation。設(shè)置elevation屬性就等價(jià)于使用原生的elevation API,因而也有同樣的限制(比如最明顯的就是需要Android 5.0以上版本)。此外還會(huì)影響到層疊視圖在空間z軸上的順序。

結(jié)論

  • 對(duì)于Android,兩個(gè)同一層級(jí)的定位組件(position:“absolute”)
    1、 既沒有ZIndex屬性,又沒有elevation 屬性時(shí),在z軸的層疊關(guān)系由其擺放位置決定的,放在下面的組件會(huì)在上層;
    2、 兩個(gè)組件只有zIndex沒有elevation屬性時(shí),zIndex大的在上層
    3、 兩個(gè)組件有elevation屬性時(shí),elevation大的在上層
    4、 兩個(gè)組件既有zIndex屬性elevation屬性時(shí),以elevation為準(zhǔn)
  • 對(duì)于IOS,同層級(jí)的組件,z軸的層疊關(guān)系只與擺放順序與zIndex有關(guān),與elevation無關(guān)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,326評(píng)論 25 708
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 7,388評(píng)論 0 17
  • 1.Introduction - 介紹 We challenged ourselves to create a v...
    兩個(gè)朋友指甲閱讀 1,684評(píng)論 0 5
  • 張執(zhí)的目光一下子變得很復(fù)雜。他似乎是無奈的笑了笑:“我?我有什么值得你圖的?” 陳煊依也笑了,笑的溫柔:“是啊,張...
    洛芊芊閱讀 382評(píng)論 11 0
  • Ⅰ 熊病了。 他經(jīng)常感到寒冷,引起一陣陣控制不住的顫抖。他的皮毛沒了光澤,零碎雜亂,像被火燒過一樣。最可怕的是,他...
    晡大章魚閱讀 2,291評(píng)論 2 3

友情鏈接更多精彩內(nèi)容