react-native-svg-image
v2.0.1
Published
Load SVG images from network
Downloads
564
Maintainers
Readme
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