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

效果图：

第一步：

导入第三方库：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');}}@overrideWidget build(BuildContext context) {return Scaffold(floatingActionButton: FloatingActionButton(child: Icon(Icons.photo_camera),onPressed: _scan,),appBar: AppBar(title: Text("扫码"),),body: Text("${barcode}"));}
}

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

如何调用WxJump的API接口实现微信网址链接转二维码
现阶段,微信推广是传播信息速度最快的方法,见的最多的就是在海报上贴上微信二维码,让看到的人都能立刻了解到自己的产品,但是由于微信官方要维持一个绿色的环境, 因此对扫码推广有着非常苛刻的审查, 虽然没有 ...
PC端调用摄像头扫描二维码，拿到二维码信息
PC端调用摄像头扫描二维码,拿到二维码信息 <template><el-dialogtitle="扫描设备二维码":visible.sync="dial ...
获取微信code、调用小程序云函数、获取小程序支付二维码、小程序授权、小程序获取SeesionId
获取微信code.调用小程序云函数.获取小程序支付二维码.小程序授权.小程序获取SeesionId 只需要调用对应的接口就行了 1. 小程序code获取基本信息接口状态: 已完成接口URL: h ...
vue3+jsQr实现手机浏览器调用本地摄像头扫描并识别二维码
最近做的项目有个需求是在手机端打开页面,登录之后能在手机上扫描二维码并根据扫描的结果去查询班级情况.别的功能就不说了,移动端扫描二维码这个以前没做过,所以在这里记录一下. 项目用到的技术栈: Vue ...
JS调用安卓手机摄像头扫描二维码并用JS解析二维码
项目要求: 使用H5模仿微信扫一扫付款功能经过一系列的查找最后发现可以使用 JS调用手机摄像头然后用画布把当前摄像头的数据转成Base64的png图片,经过QrCode直接再本地识别. 优点: 兼容 ...
iOS原生二维码扫码实现（含蒙版和扫码动画）
#一.iOS实现原生扫码的意义二维码扫码功能对于现在的iOS App开发来说是非常重要的. 通常为了节省开发时间,很多开发者会采用ZXing和ZBar等第三方SDK进行开发. 这样的好处是快速便捷, ...
Halcon 进阶四 C# 实现 Halcon与迈德威视，视觉解析二维码
Halcon 进阶四 C# 实现 Halcon与迈德威视,视觉解析二维码图像结果设备操作初始化相机设置图像处理注意事项 halcon解析二维码适合各行业二维码数据采集.关联项目.质量 ...
移动端（ios and android）长按识别二维码（含js与原生互调）
这篇文章就整理下移动端长按识别二维码的实现吧!实现方式可以分为三种一.长按原生控件,直接获取控件中的图片数据(src或background) 二.长按原生控件,截图识别三.长按web中的图片,ap ...
手机移动端-纯js浏览器h5调用摄像头扫描识别解析条形码+二维码
一.场景手机移动端-原生js 浏览器h5 解决识别二维码条形码功能: 不借助Hbuilder.需要自己打包成APP,比如用Hbuilder打包,浏览器端项目h5 无打包成app部署 X 不采用 ...
关于Unity调用摄像头扫描二维码与生成二维码的实现方法
1.常用的生成二维码网址 https://cli.im/ 2.上官网下载二维码插件 http://zxingnet.codeplex.com/ 3.将下载的插件中zxing.unity.dll文件放入 ...

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

第一步：

第二步：

第三步：

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

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

最新文章

热门文章

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

第一步：

第二步：

第三步：

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

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

最新文章

热门文章

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

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

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