扫描二维码后自动打开链接flutter

Posted 2023-02-23

【中文标题】扫描二维码后自动打开链接flutter

【英文标题】：automatically open link after scanning qr code flutter

【发布时间】：2021-12-16 04:10:23

【问题描述】：

我有一个颤振应用程序，我添加了一个二维码扫描程序包，以便我可以使用它。扫描二维码后如何自动打开链接。我用了这个包qr_code_scanner。

这是我的代码实现

  Widget _buildQrView(BuildContext context) 
    // For this example we check how width or tall the device is and change the scanArea and overlay accordingly.
    var scanArea = (MediaQuery.of(context).size.width < 400 ||
            MediaQuery.of(context).size.height < 400)
        ? 220.0
        : 300.0;
    // To ensure the Scanner view is properly sizes after rotation
    // we need to listen for Flutter SizeChanged notification and update controller
    return QRView(
      key: qrKey,
      onQRViewCreated: onQRViewCreated,
      overlay: QrScannerOverlayShape(
          borderColor: Colors.red,
          borderRadius: 10,
          borderLength: 30,
          borderWidth: 10,
          cutOutSize: scanArea),
      onPermissionSet: (ctrl, p) => _onPermissionSet(context, ctrl, p),
    );
  

  onQRViewCreated(QRViewController qrViewController) 
    // this.qrViewController = qrViewController;
    qrViewController.scannedDataStream.listen((qrData) 
      qrViewController.pauseCamera();
      final String qrCode = qrData.code;
      Get.to(DocumentDetails())!.then(
        (value) => qrViewController.resumeCamera(),
      );
    );
  

  void _onPermissionSet(BuildContext context, QRViewController ctrl, bool p) 
    log('$DateTime.now().toIso8601String()_onPermissionSet $p');
    if (!p) 
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('no Permission')),
      );
    

我已经实现了在成功扫描二维码后开辟一条新路线。我想知道如何在扫描他们各自的二维码后打开链接，即使它是在 webview 中。

【参考方案1】：

从二维码读取链接后，使用 url_launcher 打开链接：

void _launchURL() async =>
await canLaunch(_url) ? await launch(_url) : throw 'Could not launch $_url';