🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple React Native SVG image renderer with progress loader.

Loading React Native

Documentation

react-native-svg-image

Load SVG images from network(It does not work with local svg files at the moment)

Simple SVG image renderer with progress loader

Ever had challenges loading SVGs from network using react-native-svg or react-native-svg-uri? This simple package is worth a try.

Installation

npm install react-native-svg-image --save  

Props

Prop Type Note
source ImageSource An object containing the svg image uri
style WebView style This extends WebView styles
<any WebView props Any other WebView prop(s)

Usage

import SVGImage from 'react-native-svg-image';  const SVGImageComponent = () => (   <View style={{ flex: 1 }}>     <SVGImage       style={{ width: 80, height: 80 }}       source={{uri:'https://fluent-panda.appspot.com.storage.googleapis.com/dumbbell.svg'}}     />   </View> );

Shots

Dev

Lint & test (todo)

 npm test  

You May Also Like