vtbl-expo-svg-uri
v1.3.2
Published
Render an SVG Image
Downloads
2
Readme
expo-svg-uri
Render SVG images in Expo app from an URL or a static file
Install
npm install --save expo-svg-uri
OR
yarn add expo-svg-uri
Props
| Prop | Type | Default | Note |
| ------------ | ------------- | -------------------------------------------- | --------------------------------------------------------- |
| source
| ImageSource
| | Same kind of source
prop that <Image />
component has |
| svgXmlData
| String
| | You can pass the SVG as String directly |
| fill
| Color
| | Overrides all fill attributes of the svg file |
| stroke
| Color
| | Overrides all stroke attributes of the svg file |
| fillAll
| Boolean
| Adds the fill color to the entire svg object |
Usage
Here's a simple example:
import SvgUri from "expo-svg-uri";
const TestSvgUri = () => (
<View style={styles.container}>
<SvgUri
width="200"
height="200"
source={{
uri: "http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg"
}}
/>
</View>
);
or a static file
<SvgUri width="200" height="200" source={require("./img/homer-simpson.svg")} />