Проблема:
У меня есть собственный реактивный проект, который использует react-native-svg для импорта моих логотипов. Я создал свой собственный Bottom Tab Bar с react-navigation, и он выглядит следующим образом:
Так что проблема в том, что я просто экспортировал svg, когда он выглядит как это в моем файле Adobe XD (только фиолетовая кнопка):
Итак, вы можете видеть, что есть четкая тень, но не в моем проекте , Что я делаю неправильно?
Я использую компонент следующим образом:
import Logo from "../assets/icons/add_icon.svg"
, а затем отображаю его с помощью <Logo />
Вот svg (кстати, когда я откройте его в браузере, он покажет тень): https://pastebin.com/w9YZysgS
Почему в моем приложении нет тени? (также стили теней не будут работать при непосредственном применении).
Характеристики:
- Android
- Windows
- React-Native 0.62 (последняя версия)
Заранее большое спасибо