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