Flutter进阶第11篇：调用原生硬件Api实现扫码扫描条形码扫描二维码

最新推荐文章于 2024-08-26 18:48:15 发布

王睿丶

最新推荐文章于 2024-08-26 18:48:15 发布

阅读量2.8k

点赞数 3

分类专栏： Flutter 文章标签： android 移动开发 flutter

本文链接：https://blog.csdn.net/qq_27494201/article/details/103560745

版权

Flutter 专栏收录该内容

93 篇文章 7 订阅

订阅专栏

效果图：

在这里插入图片描述

第一步：

导入第三方库：barcode_scan

第二步：

<uses-permission android:name="android.permission.CAMERA" />

第三步：

3.1 的编辑你的 d android 的目录下面的 e build.gradle （ Edit your project-level
build.gradle file to look like this）
注意：：官方文档配置的 kotlin_version 的版本是 1.2.31，但是实际发现 1.2.31
会报错。所以本项目使用 1.3.0。

buildscript {
ext.kotlin_version = '1.3.0'
...
dependencies {
...
classpath
"org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
}
}

第四步：编辑你的 p android/app 的目录下面的 e build.gradle （ Edit your app-levelbuild.gradle file to look like this）

apply plugin: 'kotlin-android'
...
dependencies {
implementation
"org.jetbrains.kotlin:kotlin-stdlib-jre7:$kotlin_version"
...
}

import 'package:flutter/material.dart';

import 'package:barcode_scan/barcode_scan.dart';
import 'package:flutter/services.dart';

class ScanPage extends StatefulWidget {
  ScanPage({Key key}) : super(key: key);

  _ScanPageState createState() => _ScanPageState();
}

class _ScanPageState extends State<ScanPage> {
  String barcode;

  Future _scan() async {
    try {
      String barcode = await BarcodeScanner.scan();
      setState(() {
        return this.barcode = barcode;
      });
    } on PlatformException catch (e) {
      if (e.code == BarcodeScanner.CameraAccessDenied) {
        setState(() {
          return this.barcode = 'The user did not grant the camera permission!';
        });
      } else {
        setState(() {
          return this.barcode = 'Unknown error: $e';
        });
      }
    } on FormatException {
      setState(() => this.barcode =
          'null (User returned using the "back"-button before scanning anything. Result)');
    } catch (e) {
      setState(() => this.barcode = 'Unknown error: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        floatingActionButton: FloatingActionButton(
          child: Icon(Icons.photo_camera),
          onPressed: _scan,
        ),
        appBar: AppBar(
          title: Text("扫码"),
        ),
        body: Text("${barcode}")
    );
  }
}