REACT NATIVE集成REACT-NATIVE-QRCODE-SVG(二维码生成)

1、安装

• 官方链接:github.com/awesomejerr…

#安装icon生成组件
npm install react-native-svg --save
react-native link react-native-svg

#安装二维码生成组件
npm install react-native-qrcode-svg --save

123456

2、示例及效果

• 代码示例

/**
 * Copyright (C), 2017-2019
 * FileName: App.js
 * Author: hf
 * Date: 2019/3/27 14:38
 * Description: 测试二维码生成
 *
 * History:
 * <author:>          <time:>          <version:>          <desc:>
 */
import React, {Component} from 'react';
import {View} from 'react-native';
import QRCode from 'react-native-qrcode-svg';

export default class App extends Component<Props> {

    constructor(props) {
        super(props);
    }

    render() {
        let logoImg = require('./src/logo.jpg');
        return (
            <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>   
                    <QRCode
                        value="这是一个测试二维码..."
                        logo={logoImg}
                        logoBorderRadius={1}
                        color={'#191919'}
                        backgroundColor={'#ffffff'}
                        logoSize={30}
                        size={150}
                    />
            </View>
        );
    };
};


1234567891011121314151617181920212223242526272829303132333435363738

• 效果图
  
• logo.jpg文件
  

版权声明：本文为weixin_44187730原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：blog.csdn.net/weixin_4418…