Bacancy Technology

Bacancy Technology represents the connected world, offering innovative and customer-centric information technology experiences, enabling Enterprises, Associates and the Society to Rise™.

12+

Countries where we have happy customers

1050+

Agile enabled employees

World wide offices

12+

Years of Experience

Agile Coaches

Certified Scrum Masters

1000+

Clients projects

1458

Happy customers

React Native

June 14, 2023

How to Show an SVG File on React Native?

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.