Блог

У меня есть компонент со следующими стилями

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

но это дало мне тени для всех элементов внутри контейнера. Как применить тени только для самого контейнера (карты)?

вы должны предоставить контейнеру 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
     },
    })
}