react-native 生成二维码 扫描二维码组件(react-native-qrcode react-native-camera)

一、生成二维码组件 react-native-qrcode （该模块支持IOS Android双平台）

开源项目地址：https://github.com/cssivision/react-native-qrcode

1.配置安装模块

打开终端cd至项目目录下

输入终端命令：

npm install react-native-qrcode --save-dev

操作完成后项目中就有了该模块

在项目中使用（引入生成二维码模块）

import QRCode from 'react-native-qrcode';

这时<QRCode />就可以在项目中自由使用

可用属性

<1> value        生成二维码的内容      string类型                          默认值为:http://facebook.github.io/react-native/

<2> size          生成二维码的大小      number类型                       默认值为:128

<3> bgColor    二维码整体背景颜色      string (CSS color)类型      默认值:"#FFFFFF"

<4> fgColor     二维码线条的颜色  string (CSS color)类型      默认值:"#000000"

例子：

二、扫描二维码组件 react-native-camera（该模块支持IOS Android双平台）

开源项目地址：https://github.com/lwansbrough/react-native-camera