React Native集成react-native-qrcode-svg(二维码生成)

1、安装

• 官方链接:https://github.com/awesomejerry/react-native-qrcode-svg

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

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

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>
);
};
};

• 效果图
  
• logo.jpg文件