ReactNative阴影
作者:互联网
ReactNative阴影
1. 文字阴影
文字阴影最好实现,直接使用textShadow,android和ios都支持:
textShadowOffset: { width: 3, height: 4 }, // 阴影偏移量
textShadowColor: '#20a344', // 阴影颜色
textShadowRadius: 5, // 阴影模糊半径 注意这个属性一定要加,否则阴影显示不出来
shadowOpacity: 1, // 阴影透明度
2. 块阴影
在使用View等标签设置阴影稍微麻烦一些。
2.1 ios阴影
ios中可以直接使用样式实现shadowColor、shadowOffset、shadowOpacity、shadowRadius。
2.2 android阴影
android中如果只需要灰色阴影则使用样式elevation: 5。
如果对阴影有颜色要求,使用react-native-shadow这个库。
标签:shadowOpacity,ios,阴影,2.2,android,2.1,ReactNative 来源: https://blog.csdn.net/m0_37797410/article/details/114501137