react-native-qrcode-snapshot
react-native中产生二维码和保存快照到相册中
补充 2018-12-10
快照只适用于ios,如果想在安卓上也支持快照。可以使用react-native-view-shot
作为安卓的补充。
; snapshot_src = "";async { if thissnapshot_src return thissnapshot_src; if PlatformOS === "ios" return thisrefsshare; else thissnapshot_src = return thissnapshot_src; }async { let img = await this; return CameraRoll;}
QRCode
./lib/QRCode
通过使用qrcode.js的方式在webview中产生合适的二维码图片。
使用示例
<QRCode value="二维码内容" size=100 />
参数:
const props= value: "" //二维码要显示的内容 size: 100 //二维码组件要展示的大小 bgColor: "#fff" //背景色 fgColor: "#000" //前景色,像素块的颜色 engine: "http://img.daling.com/st/topic/qrcode.min.js" //产生二维码使用的引擎地址,可以替换成自己的地址 { } //浏览器加载回调 { } //浏览器加载回调
Snapshot
通过使用快照的方式产生组件的图片,并保存在手机的相册中。
使用示例
<Snapshot ref="snapshot" style=width:100> /*自定义内容*/ <View> <Text>显示自定义内容</Text> </View></Snapshot> //点击按钮等触发{ thisrefssnapshot;}
参数:
snapshot;
20181218更新
- 使用网页的方式打开二维码页面
- 加载第三方网页,兼容部分安卓8-9的手机