Как исправить проблему с тенью при повышении высоты в react-native для Android

Я пытаюсь показать тень вокруг представления в режиме реагирования.

я пробовал это

<View
      style = {{
        flex: 0.3,
        margin: 4,
        ...Platform.select({
          ios: {
            shadowColor: '#000',
            shadowOffset: {width: 0, height: 4},
            shadowOpacity: 0.4,
          },
          android: {
            elevation: 2,
          },
        }),
      }}>

на iOs работает отлично, а на android не работает. есть библиотека под названием react-native-shadow, которая отлично работает как на iOS, так и на Android, но как решить проблему с тенью в Android без использования сторонних библиотек.

android react-native android-elevation

04.04.2019 16:01

Коллекции (ArrayList , HashSet , HashMap)

3 572

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

прямо сейчас у меня есть эти свойства, которые я дал мне обойти для необходимой анимации. попробуйте это и дайте мне знать в комментариях, если это поможет вам в вашем случае. Рад был помочь.

   ...Platform.select({
            ios: {
                shadowColor: '#000',
                shadowOffset: { width: 0, height: 3 },
                shadowOpacity: 0.2,
            },
            android: {
                elevation: 0.4,
                // bottomElevation:4,
                borderBottomWidth: 0.2,
                borderTopWidth:0.2,
                borderColor:'#000'

            },
        }),

04.04.2019 16:16

В настоящее время я использую следующие свойства для обработки теней на платформах IOS и Android.

<View
  style = {{
      height: 200,
      width: 350,
      borderRadius: 4,
      margin: 5,
      shadowColor: 'rgba(0,0,0,0.5)',
      shadowOffset: {width: 0, height: 5},
      shadowOpacity: 2,
      shadowRadius: 2,
      elevation: 4,
      backgroundColor: '#fff',
  }}>

10.03.2021 10:39

Другие вопросы по теме

React Native выбирает одну строку json_encode, но не массив

React Native: лучший способ запустить фоновую задачу на iOS, когда приложение закрыто?

Как исправить «неправильный индекс для стиля индикатора активной страницы» в родном карусельном баннере реакции

Как преобразовать массив js [] в NSArray в iOS и строку [] в Android?

Что означает <Props> в «классе экспорта по умолчанию. Приложение расширяет компонент <Props>», когда я создаю проект с использованием react-native

Как использовать новый массив() с .map?

Откройте один экран как модальный в stackNavigator, а другие как карты

Как очистить текстовый компонент с помощью ref в React Native

React Native Scroll View Ориентация устройства Пейзаж

Библиотека не найдена для -ljschelpers

Как исправить проблему с тенью при повышении высоты в react-native для Android

Ответы 2

Другие вопросы по теме

Похожие вопросы