React Native WebView组件实现的BarCode（条形码）、(QRCode)二维码

本文主要是介绍React Native WebView组件实现的BarCode（条形码）、(QRCode)二维码，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

react-native-barCode

采用React Native WebView组件实现的BarCode（条形码）、QRCode(二维码),其中QRCode的代码是参考 qrcode,修复了qrcode图片会出现滚动条问题。https://github.com/chenchunyong/react-native-barCode

实现的原理:在WebView组件下,用canvas组件画出BarCode、QRCode。

Install

安装包:

npm i react-native-barcode --save

通过引用import {BarCode,QRCode} from 'react-native-barcode-qrcode'来使用

Usage

import {BarCode,QRCode} from 'react-native-barcode-qrcode'
<BarCode    value={this.props.payCode}width="225"height="90"bgColor="#e7e7eb"/><QRCode value={this.props.payCode}bgColor="#fff"fgColor="#333"/>

效果如下:

这篇关于React Native WebView组件实现的BarCode（条形码）、(QRCode)二维码的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---