For displaying SVG files in react native projects, you need to install following packages:
react-native-svg-transformer
After installing packages you need to import your SVG files like this:
import React, { useState } from 'react';
import { View } from 'react-native';
import WelcomeSVG from "assets/icons/welcome.svg"
The below example shows how to use it:
return (
<View>
<WelcomeSVG
width="100%"
height="70%"
/>
</View>
)
The above code will help you in displaying SVG images. You can also set image height and width based on your requirement using width and height properties.
Support On Demand!
