工作中會遇到各種各樣的問題，ReactNative開發也是填坑不止。

比如最近在開發需求中，就遇到一個問題。在一個卡片類型的右上角添加一個刪除按鈕。使用了絕對布局position:'absolute'屬性，在Android上卻無法正常顯示，很是煩惱。

有一個相關的issue:Abslute position between two views, not working properly on Android · Issue #27255 · facebook/react-native

正常希望的展示效果：

但是實際效果是：

可以看到，綠色的view被遮擋了。

查閱相關資料和嘗試之后，可以使用position:'absolute' 和zIndex結合使用解決這個問題。

最后貼一下，相關代碼。

<View style={{position: 'absolute', zIndex: 99999,justifyContent: 'center', alignItems: 'center',top: 10, width: 30,height: 30,elevation: 99999}}><Image source={require('images/compared/delete_gray.png')} /></View>

個人網站： Code change the World，

微信公眾號：君偉說。

總結

以上是生活随笔為你收集整理的android卡片层叠效果_ReactNative之Android绝对布局position:#x27;absolute#x27;问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。