{"repo":"kristerkari/react-native-svg-transformer","free":true,"listed":false,"github":"https://github.com/kristerkari/react-native-svg-transformer","clone":"git clone https://github.com/kristerkari/react-native-svg-transformer.git","description":"Import SVG files in your React Native project the same way that you would in a Web application.","language":"JavaScript","stars":1735,"topics":["react-native","svg","loader","transformer","react-native-svg"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-native-svg-transformer React Native SVG transformer allows you to import SVG files in your React Native project the same way that you would in a Web application when using a library like SVGR to transform your imported SVG images into React components. This makes it possible to use the same code for React Native and Web. Usage Import your .svg file inside a React component: You can then use your image as a component: Demo / Expo demo (iOS/Android/Web) - react-native-svg-example - react-native-svg-expo-example Installation and configuration Step 1: Install react-native-svg library Make sure that you have installed the react-native-svg library: - https://github.com/react-native-community/react-native-svg#installation Step 2: Install react-native-svg-transformer library or Step 3: Configure the react native packager For Expo SDK v41.0.0 or newer Merge the contents from your project's metro.config.js file with this config (create the file if it does not exist already). metro.config.js : --- For React Native v0.72.1 or newer Merge the contents from your project's metro.config.js file with this config (create the file if it does not exist already). metro.config.js : --- For React Native v0.59 or newer Merge the contents from your project's metro.config.js file with this config (create the file if it does not exist already). metro.config.js : React Native projects using Expo modules Some React Native projects are using Expo modules without using expo-cli. In such projects Expo","default_branch":null,"files":null,"tree":[],"storefront":"/r/kristerkari","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/kristerkari/react-native-svg-transformer/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}