реагировать родные тени 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
     },
    })
}