Question

找到了很多QR码扫描仪功能的例子，但是找不到任何关于显示QR码的例子。不知道如何使用nativesript使用特定的基于xml的控件。似乎您无法使用与这些不同的东西构建UI。如何解决这个问题呢。此外，我希望QR码的可视化在离线模式下工作。谢谢！

Answer 1

如何使用上面评论中提到的@NathanaelA的nativescript-plugin（nativescript-zxing）显示QR码的示例：

import * as imgSource from "tns-core-modules/image-source";

const ZXing = require('nativescript-zxing');

const zx = new ZXing();
const barcode = zx.createBarcode({encode: "Text", height: 100, width: 100, format: ZXing.QR_CODE});

如果在Android上运行，则返回值barcode为android.graphics.Bitmap，如果在iOS上运行，则为UIImage。

img.imageSource = imgSource.fromNativeSource(barcode);

适当使用本机图像实例。这里img是本地脚本Image widget，imgSource是本地脚本ImageSource。使用ImageSource实例提供的fromNativeSource方法的结果设置Image小部件的imageSource属性。

通常，您几乎可以找到如何在其存储库的demo文件夹中使用插件的示例。

亲切的问候，
大卫

QR码如何在Angular Nativescript App中显示

1 个答案: