0.0.1 • Published 3 years ago
react-native-kpframework-svgkit v0.0.1
react-native-kpframework-svgkit
在react-native-svg-uri基础上进行修改
Install library from npm
npm install react-native-kpframework-svgkit --save
npm install react-native-svg --save
// or
yarn add react-native-kpframework-svgkit
yarn add react-native-svg目录
SvgImage
svg组件，使用方式类似于图片
import { SvgImage } from 'react-native-kpframework-svgkit';
<SvgImage width={200} height={200} source={require('./img/homer.svg')} />
<SvgImage
width={200}
height={200}
source={{uri:'http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg'}}
/>Props
| Prop | Type | Default | Note |
|---|---|---|---|
style | ViewStyle | 样式 | |
width | number | 宽度 | |
height | number | 高度 | |
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 | |
fillAll | Boolean | Adds the fill color to the entire svg object |
开源库的原生文档
0.0.1
3 years ago