React Native在Android上添加阴影效果

官网react native中阴影的样式属性shadow都是只支持iOS不支持Android 

 

目前有个方法,可以让Android有灰色的阴影,但是无法指定Android机上的阴影色值,只能是灰色的默认。

elevation:4   这个属性中的4是代表阴影的高度。且这个属性添加后,不会影响iOS机上的原本的彩色的阴影颜色,只是在Android机上显示的是默认的灰色的阴影。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

goods:{

      marginTop:10,

      width:itemWidth,

      height:280,

      borderRadius:6,

      overflow:'hidden',

      marginLeft:12,

      backgroundColor:'#ffffff',

      shadowOffset: {width: 0, height: 5},

      shadowOpacity: 0.5,

      shadowRadius: 5,

      shadowColor: '#ddd',

        //让安卓拥有灰色阴影

      elevation: 4,

}   

  最终效果

标签: react-native

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值