Как реализовать эффект сплошной тени в React Native? ⇐ CSS

[Anonymous]

Кто-нибудь еще пытался добиться этого эффекта в React Native?:
[img]https://i .sstatic.net/AaBSxs8J.jpg[/img]

Компонент с эффектом сплошной тени, создающий иллюзию глубины.
Как вы можете знайте, что React-Native не поддерживает CSS box-shadow. Однако у него есть очень близкий эквивалент — свойствоshadowOffset, которое работает только на iOS (то, что использовалось в приведенном выше примере). И насколько я понял, свойство Android height не имеет настройки радиуса размытия, чтобы оно было сплошным.
Я попробовал реакцию-native-shadow и пакеты реакции-native-shadow-2. У обоих, похоже, есть проблемы с затенением реального компонента, вместо этого он делает это с краями и, похоже, также не обрабатывает borderRadius. Возможно, что-то пропустил.
Самое близкое кроссплатформенное решение, которое я смог найти, — это добавить более толстую нижнюю границу BorderWidth. Но, как вы можете видеть, внешний вид все еще немного неудовлетворительный:


Если у вас есть решение этой проблемы дизайна на Android, пожалуйста, нажмите lmk. Не существует простого способа получить такой простой эффект, верно?

Подробнее здесь: https://stackoverflow.com/questions/784 ... act-native