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

    技术2022-07-10  251

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

     

    Processed: 0.024, SQL: 9