您现在的位置是：首页 > 前端 > Flutter Flutter

flutter-34(调用原生硬件Api实现扫码)

2020-05-01【Flutter】2154人已围观

简介## 一、Flutter 扫描二维码条形码插件文档地址： [https://pub.dev/packages/barcode_scan](https://pub.dev/packages/barcode_scan) **权限配置** > android - 将相机权限添加到您的AndroidManifest.xml `` - 这个插件是用Kotlin编写的。因此，您需要在项目中添加Kotlin支持。编辑您的项目级别的build.gradle文件 ``` bui

## 一、Flutter  扫描二维码条形码插件

文档地址： [https://pub.dev/packages/barcode_scan](https://pub.dev/packages/barcode_scan)

**权限配置**

> android

- 将相机权限添加到您的AndroidManifest.xml `<uses-permission android:name="android.permission.CAMERA" />`
- 这个插件是用Kotlin编写的。因此，您需要在项目中添加Kotlin支持。

编辑您的项目级别的build.gradle文件

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

编辑您的应用程序级别的build.gradle文件

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

> IOS

要在iOS上使用，必须将相机使用说明添加到Info.plist

```
<dict>
    
    <key>NSCameraUsageDescription</key>
    <string>Camera permission is required for barcode scanning.</string>
    
</dict>
```

> Saoma.dart

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

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

class SaomaPage extends StatefulWidget {
  SaomaPage({Key key}) : super(key: key);
  _SaomaPageState createState() => _SaomaPageState();
}

class _SaomaPageState extends State<SaomaPage> {
  String barcode = "";

@override
  initState() {
    super.initState();
  }
  Future scan() async {
    try {
      String barcode = await BarcodeScanner.scan();
      setState(() => this.barcode = barcode);
    } on PlatformException catch (e) {
      if (e.code == BarcodeScanner.CameraAccessDenied) {
        setState(() {
          this.barcode = '用户没有授予相机权限!';
        });
      } else {
        setState(() => this.barcode = 'Unknown error: $e');
      }
    } on FormatException{
      setState(() => this.barcode = 'null(用户在扫描任何东西之前使用“返回”按钮返回。结果)');
    } catch (e) {
      setState(() => this.barcode = 'Unknown error: $e');
    }
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Flutter Demo"),
      ),
      body: new Center(
        child: new Column(
          children: <Widget>[
            new Container(
              child: new MaterialButton(
                  onPressed: scan, child: new Text("Scan")),
              padding: const EdgeInsets.all(8.0),
            ),
            new Text(barcode),
          ],
        ),
      )
    );
  }
}
```

关注博客，更多精彩分享，敬请期待！

Tags：

很赞哦！ (0)

上一篇：flutter-33(检测网络连接监听网络变化)

下一篇：flutter-35(检测应用版本号、服务器下载文件以及实现 App自动升级、安装)