Highlighted

SVG file not working in React Native App , How to export properly

New Here ,
Oct 21, 2020

Copy link to clipboard

Copied

In our 1 of React Native App project We are using SVG file's for display icon on many location, but when we use this it does not display properly . example : icon position not display at correct position . so we need to manually adjust each SVG file view-box property to display icon properly.

 

Can you please help us out in this , So that we can export SVG file with correct setting to display in React Native App . I have attached Setting Screenshot and test icon file for your reference.


In React Native we are using this plugin : “import SvgUri from 'react-native-svg-uri’;”

TOPICS
How to, Troubleshooting

Views

34

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

SVG file not working in React Native App , How to export properly

New Here ,
Oct 21, 2020

Copy link to clipboard

Copied

In our 1 of React Native App project We are using SVG file's for display icon on many location, but when we use this it does not display properly . example : icon position not display at correct position . so we need to manually adjust each SVG file view-box property to display icon properly.

 

Can you please help us out in this , So that we can export SVG file with correct setting to display in React Native App . I have attached Setting Screenshot and test icon file for your reference.


In React Native we are using this plugin : “import SvgUri from 'react-native-svg-uri’;”

TOPICS
How to, Troubleshooting

Views

35

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 21, 2020 0
Adobe Community Professional ,
Oct 21, 2020

Copy link to clipboard

Copied

What would be the correct setting?

Can you please show a sketch or screenshot of what needs to be done?

Also how do you export?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 21, 2020 0
Resources