For displaying SVG files in react native projects, you need to install following packages:

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 (


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!

React Native