0.3.1 • Published 5 years ago
react-native-svg-component v0.3.1
react-native-svg-component
React Native SVG renderer using react-native-svg.
Getting Started
Installation
add package
yarn add react-native-svg-component
link native files We are using react-native-svg to render SVG. Please follow the its doc to finish setup.
Usage
- Import to the component where you want to show an SVG
import { Svg } from 'react-native-svg-component';
- Send initial props
<Svg
source={{ uri: data }}
alt={`react native svg component example`}
width={160}
height={160}
style={{}}
/>
Properties
Prop | default | Type | Description |
---|---|---|---|
source | - | ImageSourcePropType | A source object the same with what Image component will accept. |
alt | - | string | Alt text which will be used as accessibility label for Svg |
width | - | number | Width of the Svg. |
height | - | number | Height of the Svg. |
style | - | StyleProp<ViewStyle> | Style for this component. |
Develop
brew install watchman
yarn global add gulp-cli
yarn all
yarn run-ios
Examples
yarn run-ios
yarn run-android
0.3.1
5 years ago
0.3.0
5 years ago
0.2.0
5 years ago
0.1.28
5 years ago
0.1.27
5 years ago
0.1.26
5 years ago
0.1.25
5 years ago
0.1.23
5 years ago
0.1.22
5 years ago
0.1.20
5 years ago
0.1.19
5 years ago
0.1.16
5 years ago
0.1.15
5 years ago
0.1.13
5 years ago
0.1.12
5 years ago
0.1.11
5 years ago
0.1.10
5 years ago
0.1.9
5 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago