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