二维码如何在Angular Nativescript应用程序中显示

找到了很多二维码扫描仪功能的示例，但找不到任何有关显示二维码的示例。由于NativeScript使用的是特定的基于xml的控件，因此不确定如何执行此操作。似乎你不能用这些不同的东西来构建UI。如何解决这个问题。此外，我希望二维码的可视化工作在离线模式。谢谢

如何使用上面评论中提到的@Nathanela的nativescript插件（）显示二维码的示例：

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

是一个nativescript，而

imgSource

是nativescript类。使用imageSource实例提供的fromNativeSource方法的结果设置图像小部件的imageSource属性

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

亲切的问候，

---

David

我没有使用这个插件，但它可以创建二维码。通过创建一个图像，然后可以像显示任何其他图像一样显示，这看起来非常简单。@LyubomirVelchev如果我的回答解决了您的问题，请将其标记为已接受。：）