官网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
相关文章:
-
2021-06-05
-
2021-04-12
-
2022-03-13
-
2022-12-23
-
2022-12-23
-
2021-11-08
-
2021-11-08
-
2022-12-23