ReactNative View组件添加阴影样式
代码样式如下:elevation: 20, // 适配android的shadowOffset: {width: 0, height: 0}, // 以下4项适配iosshadowColor: 'black',shadowOpacity: 1,shadowRadius: 5效果图如下:...
·
@属性 android的阴影的颜色默认就只有黑色,目前颜色色值只适配iOS
shadowColor —–阴影的颜色,颜色色值以rgba取色值
shadowOffset —-阴影的偏移量,{width:0, height:2}
shadowOpacity —设置阴影的不透明度
shadowRadius —-设置阴影的模糊半径
代码样式如下:
elevation: 20, // 适配android的
shadowOffset: { width: 0, height: 3.5 }, // 以下4项适配ios
shadowColor: OAColor.black,
shadowOpacity: 0.15,
shadowRadius: 5
noticeInner: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
height: OASize(44),
borderRadius: OASize(5),
elevation: 20, // android 阴影 以下四项属于ios
shadowOffset: { width: 0, height: 0 },
shadowColor: OAColor.black,
shadowOpacity: 0.15,
shadowRadius: 5
},
效果图如下:

更多推荐



所有评论(0)