在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),