/Javascript/React/React native import svg image

React native import svg image

yarn add react-native-svg         
yarn add react-native-svg-uri
npx react-native link react-native-svg
...
import * as React from 'react';
import SvgUri from 'react-native-svg-uri'; // SVG Package
import testSvg from './test.svg';          // SVG File
export default () => (
  <SvgUri width="200" height="200" svgXmlData={testSvg}/>
);

Source: stackoverflow.com

Similar codes

0 vote215 views1 answer
Render a react component only after API response is received
Javascript React
1 vote232 views1 answer
React map component in
Javascript React
0 vote230 views1 answer
Spining load react component
Javascript React
0 vote225 views1 answer
React how to block render if data is not fetched yet
Javascript React
0 vote218 views1 answer
Take string until react
Javascript React
38 votes213 views4 answers
Useref in react hooks
Javascript React
0 vote251 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
4 votes253 views4 answers
Class component react
Javascript React
0 vote237 views1 answer
How to add icon in react js
Javascript React
0 vote212 views1 answer
Write !important in react
Javascript React