react-native 安卓android 陰影展示不正常 展示不全

在react-native中,IOS的陰影效果很好處理,但是android上,即便設置了 elevation值,也會出現陰影展示異常,比如展示不全,看起來似乎被切割了

下面就來介紹下如何解決:

在react-native中,android的陰影需要符合如下條件:

容器的內邊距padding能夠容納多出來的陰影寬度*2倍(左右各1),上下左右邊距都是如此

    width: Dimensions.get('window').width - 32,
    elevation: OASize(1), // 適配android的
    shadowOffset: { x: 0, y: 0, width: OASize(2), height: OASize(2) }, // 以下4項適配ios
    shadowColor: OAColor.black,
    shadowOpacity: 0.1,
    shadowRadius: OASize(3),

    borderWidth: OASize(0.01),
    borderRadius: OASize(3),

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章