https://github.com/chitezh/react-native-svg-image

Load SVG images from network; Does not work with local svgs
https://github.com/chitezh/react-native-svg-image

react-native svg svg-images

Last synced: about 1 month ago
JSON representation

Load SVG images from network; Does not work with local svgs

• Host: GitHub
• URL: https://github.com/chitezh/react-native-svg-image
• Owner: chitezh
• License: mit
• Archived: true
• Created: 2017-02-22T18:37:41.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-10-05T20:44:59.000Z (over 7 years ago)
• Last Synced: 2024-11-19T16:59:38.108Z (about 2 months ago)
• Topics: react-native, svg, svg-images
• Language: JavaScript
• Homepage:
• Size: 2.14 MB
• Stars: 53
• Watchers: 3
• Forks: 9
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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](https://github.com/react-native-community/react-native-svg) or [react-native-svg-uri](https://github.com/matc4/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](https://facebook.github.io/react-native/docs/webview.html) styles

| `Usage

```javascript

import SVGImage from 'react-native-svg-image';

const SVGImageComponent = () => (

  

    

  

);

```

## Shots



## Dev

Lint & test (todo)

```

npm test

```