chitezh / React Native Svg Image
Licence: mit
Load SVG images from network; Does not work with local svgs
Stars: ✭ 53
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to React Native Svg Image
Yii2 Widget Rating
A Yii2 widget for the simple yet powerful bootstrap-star-rating plugin with fractional rating support (sub repo split from yii2-widgets)
Stars: ✭ 47 (-11.32%)
Mutual labels: svg
Textusm
Online tool for Generate a User Story Map from indented text.
Stars: ✭ 49 (-7.55%)
Mutual labels: svg
React Icomoon
It allows you to simply view the icons in the selection.json file provided by Icomoon.
Stars: ✭ 48 (-9.43%)
Mutual labels: svg
Svg Snippets
🔰 A set of custom SVG snippets for Sublime Text 2/3
Stars: ✭ 50 (-5.66%)
Mutual labels: svg
Mobius
Scripts to extract data from the COVID-19 Google Community Mobility Reports
Stars: ✭ 47 (-11.32%)
Mutual labels: svg
Perfect Freehand
Draw perfect pressure-sensitive freehand strokes.
Stars: ✭ 999 (+1784.91%)
Mutual labels: svg
Gatsby Embedder Excalidraw
🤴 Custom transformer to embed Excalidraw diagrams
Stars: ✭ 45 (-15.09%)
Mutual labels: svg
Blade Zondicons
A package to easily make use of Zondicons in your Laravel Blade views.
Stars: ✭ 40 (-24.53%)
Mutual labels: svg
Squircle
Make all the squircles you need, in the browser. https://squircley.app/
Stars: ✭ 50 (-5.66%)
Mutual labels: svg
Panzoom
Universal pan and zoom library (DOM, SVG, Custom)
Stars: ✭ 1,003 (+1792.45%)
Mutual labels: svg
Vue Svg Map
A set of Vue.js components to display an interactive SVG map
Stars: ✭ 48 (-9.43%)
Mutual labels: svg
Androidsvgloader
Android library for load svg from internet to imageview
Stars: ✭ 52 (-1.89%)
Mutual labels: svg
Pure Vue Chart
Simple and lightweight vue chart component without using chart library dependencies
Stars: ✭ 50 (-5.66%)
Mutual labels: svg
Csswand
🎨✨ Hover your wand and use your magic spell to copy beautiful css
Stars: ✭ 1,046 (+1873.58%)
Mutual labels: svg
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].