react-native-svg-iconfont v1.0.4

react-native-svg-iconfont

安装

• npm: npm install react-native-svg-iconfont --save
• Yarn: yarn add react-native-svg-iconfont

link

• 此组件依赖于react-native-svg，需要link react-native-svg, 运行 react-native link react-native-svg

用法

阿里图标库 下载SVG格式的图标，复制svg路径保存在js文件中 例子 example/path.js svg文件也可以让UI提供自定义图标

    import React, { Component } from 'react';
    import {
      Platform,
      StyleSheet,
      Text,
      View,
      StatusBar,
      ScrollView, PermissionsAndroid
    } from 'react-native';
    import * as iconPath from './path'
    import SvgIcon from 'react-native-svg-iconfont'
    export default class Example extends Component {
    
      render() {
        return (
          <View style={styles.container}>
             <View style={{height: 44, marginTop: 44, justifyContent: 'center', alignItems: 'center'}}>
                <Text>Test</Text>
                <SvgIcon path={iconPath.weibo} fill={['#FFFFFF', '#511017', '##F43B51', '##4F3636', '#FFFFFF', '#FFFFFF', '#81DB61', '#16380A']}/>
             </View>
          </View>
        );
      }
    }
    
    const styles = StyleSheet.create({
      container: {
        backgroundColor: '#fff',
      }
    });
    
    

属性

License

• MIT