官网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在Android上添加阴影效果

标签: 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
猜你喜欢
  • 2023-03-20
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-03-13
相关资源
相似解决方案