QR码如何在Angular Nativescript App中显示

Question

找到了很多 QR 码扫描器功能的示例，但找不到任何关于显示 QR 码的示例。不确定如何做到这一点，因为 nativesript 使用基于 xml 的特定控件。似乎你不能用不同于这些的东西来构建 UI。如何解决这个问题呢。我还希望 QR 码的可视化在离线模式下工作。谢谢！

Answer 1

如何使用上面评论中提到的@NathanaelA 的 nativescript-plugin (nativescript-zxing) 显示二维码的示例：

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});

Return 值 barcode 是 android.graphics.Bitmap if 运行 on Android 或 UIImage if 运行 on iOS.

img.imageSource = imgSource.fromNativeSource(barcode);

适当使用原生图像实例。这里 img 是一个 nativescript Image widget and imgSource is the nativescript class ImageSource。您可以使用 ImageSource 实例提供的 fromNativeSource 方法的结果设置 Image 小部件的 imageSource 属性。

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

亲切的问候，
大卫

QR码如何在Angular Nativescript App中显示

QR code how to display in Angular Nativescript App

qr-code

nativescript

angular2-nativescript