反应原生阴影ios

Question

我有一个包含以下样式的组件

 shadowOffset: { width: 0, height: 4 },
      shadowColor: Colors.grey,
      shadowOpacity: 0.5,
      shadowRadius: 2,
      // overflow: 'visible',
      borderRadius: 5,

但它给了我容器内所有元素的阴影。如何仅为容器（卡）本身应用阴影？

Answer 1

你必须给容器一个backgroundColor:'white'例如

container:{
  backgroundColor:'white',
  borderRadius: 5,
  ...Platform.select({
     ios: {
       shadowOffset: { width: 0, height: 4 },
       shadowColor: Colors.grey,
       shadowOpacity: 0.5,
       shadowRadius: 2,
       // overflow: 'visible',
      },
     android: {
       elevation: 4
     },
    })
}