Flutter二维码生成与扫描插件qr_code_utils_android的使用

Flutter二维码生成与扫描插件qr_code_utils_android的使用

qr_code_utils_android 是 qr_code_utils 插件的 Android 实现部分。该插件允许你在 Flutter 应用中生成和扫描二维码。

使用方法

此插件是被推荐使用的插件之一，这意味着你可以在项目中直接使用 qr_code_utils_android，它将自动包含在你的应用中。

以下是一个完整的示例，展示如何在 Flutter 应用中使用 qr_code_utils_android 插件来扫描二维码。

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:qr_code_utils_android/qr_code_utils_android.dart';
import 'package:image_picker/image_picker.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _decoded = '未知';

  @override
  void initState() {
    super.initState();
  }

  // 平台消息是异步的，所以我们需要在异步方法中初始化。
  Future<void> initPlatformState() async {
    var imagePicker = ImagePicker();

    XFile? xfile = await imagePicker.pickImage(source: ImageSource.gallery);

    if (xfile != null) {
      String? decoded;
      // 平台消息可能会失败，所以我们使用 try/catch 来捕获 PlatformException。
      // 我们也处理了消息可能返回 null 的情况。
      try {
        decoded = await QrCodeUtilsAndroid.decodeFrom(xfile.path) ?? '未知平台版本';
        if (decoded != null) {
          _decoded = decoded;
        }
      } on PlatformException {
        _decoded = '解码失败。';
      }
    }

    // 如果小部件从树中移除，而异步平台消息还在飞行中，我们想丢弃回复而不是调用 setState 来更新我们的非存在的外观。
    if (!mounted) return;

    setState(() {
      // _platformVersion = platformVersion;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            children: [
              TextButton(
                onPressed: () {
                  initPlatformState();
                },
                child: Text("读取二维码"),
              ),
              const SizedBox(height: 40),
              Text('运行于: $_decoded\n'),
            ],
          ),
        ),
      ),
    );
  }
}

代码说明

1. 导入必要的包：

   import 'package:flutter/material.dart';
   import 'dart:async';
   import 'package:flutter/services.dart';
   import 'package:qr_code_utils_android/qr_code_utils_android.dart';
   import 'package:image_picker/image_picker.dart';
   

2. 定义主应用类：

   void main() {
     runApp(const MyApp());
   }
   

3. 定义应用状态类：

   class MyApp extends StatefulWidget {
     const MyApp({Key? key}) : super(key: key);
   
     @override
     State<MyApp> createState() => _MyAppState();
   }
   

4. 实现应用状态类的方法：

   class _MyAppState extends State<MyApp> {
     String _decoded = '未知';
   
     @override
     void initState() {
       super.initState();
     }
   
     Future<void> initPlatformState() async {
       var imagePicker = ImagePicker();
   
       XFile? xfile = await imagePicker.pickImage(source: ImageSource.gallery);
   
       if (xfile != null) {
         String? decoded;
         try {
           decoded = await QrCodeUtilsAndroid.decodeFrom(xfile.path) ?? '未知平台版本';
           if (decoded != null) {
             _decoded = decoded;
           }
         } on PlatformException {
           _decoded = '解码失败。';
         }
       }
   
       if (!mounted) return;
   
       setState(() {
         // _platformVersion = platformVersion;
       });
     }
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           appBar: AppBar(
             title: const Text('插件示例应用'),
           ),
           body: Center(
             child: Column(
               children: [
                 TextButton(
                   onPressed: () {
                     initPlatformState();
                   },
                   child: Text("读取二维码"),
                 ),
                 const SizedBox(height: 40),
                 Text('运行于: $_decoded\n'),
               ],
             ),
           ),
         ),
       );
     }
   }