В наши дни SVG очень часто используется специально для пользовательских значков, логотипов и т. Д.
В response.js его не так сложно использовать. Но в React Native многие разработчики сталкиваются с проблемами при его интеграции. Я тоже столкнулся с этой проблемой.
В любом случае, попробовав пару решений, я нашел самое простое решение, которым поделюсь с вами. Многие из нас предпочитают использовать svg в img
tag, что иногда бывает хорошо. Но здесь я пишу о встроенном svg.
Если вы не знаете о встроенном svg, немного поищите его. Но не паникуйте. Это очень просто. Откройте файл svg в любом текстовом редакторе и скопируйте код svg. Теперь вы можете вставить его в HTML. [Только для веб-разработки]
Ну а теперь переходим к решению!
В свой собственный проект реакции добавьте react-native-svg
package.
Вы можете добавить это
npm i react-native-svg --save
or
yarn add react-native-svg
Теперь создайте функциональный компонент и вставьте в него свой svg code
, как показано ниже.
Теперь замените теги в кодах svg на теги react-native-svg
, как показано ниже.
Просто импортируйте это как обычный компонент в свой собственный код реакции и БУМ !!
Вы сделали!