反应本机阴影 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
     },
    })
}