Почему react-native не видит svg?

Question

[inflexible]

Странно, но я продублировал иконку svg, и ее не видит! Ситуация следующая, есть иконка svg, я ей изменил цвет и сохранил под другим именем, импортировал под другим именем и добавил в jsx! Ну приложение ломается((
Подскажите в чем может быть проблема? Почему первый вариант работает а второй нет?!

import MyButtonIcon from "../../assets/images/svg/myButton.svg"
import MyButtonIcon1 from "../../assets/images/svg/myButton1.svg"

<MyButtonIcon width={28} height={28} />
<MyButtonIcon1 width={28} height={28} />

Comments

[Роман Александрович]

какую ошибку выдает при поломке?

[inflexible]

Роман Александрович, та в принципе никакую, на эмуляторе просто - вместо иконки черная дыра, но решил попробовать собрать билд и проверить на реальном девайсе - приложение просто вылетает когда перехожу на данную страницу! после некоторых манипуляций и попыток сохранить svg в разных вариантах - оптимизированный и тому подобное - один раз вообще говорило что по тому пути не нашло файла - хотя путь, название и расширение было правильным... странно как то)

[Роман Александрович]

inflexible, как вариант ты можете взять библиотеку
и создать свой набор svg используя эту статью
https://www.reactnative.guide/12-svg-icons-using-r...
ну или не париться и среди миллиона картинок которые предлагает эта библиотека найти то что вам может подойти.

[inflexible]

Роман Александрович, та дело в том, все картинки и иконки предоставляет дизайнер) это не мой личный проект)

[Роман Александрович]

inflexible, попросите его выгрузить их вам в png и не порьтесь. Или сами переведите их из svg в png. Щас каждый 2 редактор умеет это делать. Можете для этого использовать Figma. Она бесплатная и 5 минут боя.

[inflexible]

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

[Роман Александрович]

inflexible, самый простой ответ потому что react-native не умеет на прямую работать с svg.

Answer 1

[Роман Александрович]

inflexible, как вариант ты можете взять библиотеку
и создать свой набор svg используя эту статью
https://www.reactnative.guide/12-svg-icons-using-r...
ну или не париться и среди миллиона картинок которые предлагает эта библиотека найти то что вам может подойти.