直播源码APP的最佳扫码插件，自定义视图

直播源码APP的最佳扫码插件，实现自定义视图的相关代码
实现自定义视图：

class CustomizedView extends StatefulWidget {@override_CustomizedViewState createState() => _CustomizedViewState();
}const boxSize = 200.0;class _CustomizedViewState extends State<CustomizedView> {late ScanKitController _controller;final screenWidth = window.physicalSize.width;final screenHeight = window.physicalSize.height;@overridevoid dispose(){_controller.dispose();super.dispose(); }@overrideWidget build(BuildContext context) {var pixelSize = boxSize * window.devicePixelRatio;var left = screenWidth/2 - pixelSize/2;var top = screenHeight/2 - pixelSize/2;var right = screenWidth/2 + pixelSize/2;var bottom = screenHeight/2 + pixelSize/2;var rect = Rect.fromLTRB(left, top, right, bottom);return Scaffold(body: SafeArea(child: Stack(children: [ScanKitWidget(callback: (controller) {_controller = controller;controller.onResult.listen((result) {debugPrint("scanning result:$result");Navigator.of(context).pop(result);});},continuouslyScan: false,boundingBox: rect),Align(alignment: Alignment.topCenter,child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [IconButton(onPressed: () {Navigator.of(context).pop();},icon: Icon(Icons.arrow_back,color: Colors.white,size: 28,)),IconButton(onPressed: () {_controller.switchLight();},icon: Icon(Icons.lightbulb_outline_rounded,color: Colors.white,size: 28,)),IconButton(onPressed: () {_controller.pickPhoto();},icon: Icon(Icons.picture_in_picture_rounded,color: Colors.white,size: 28,))],),),Align(alignment: Alignment.center,child: Container(width: boxSize,height: boxSize,decoration: BoxDecoration(border: Border(left: BorderSide(color: Colors.orangeAccent, width: 2),right: BorderSide(color: Colors.orangeAccent, width: 2),top: BorderSide(color: Colors.orangeAccent, width: 2),bottom: BorderSide(color: Colors.orangeAccent, width: 2)),),),)],),),);}
}

拉起自定义视图：

  Future<void> newPage(BuildContext context) async {var code = await Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) {return CustomizedView();}));setState(() {this.code = code ?? "";});}

以上就是直播源码APP的最佳扫码插件，实现自定义视图的相关代码，更多内容欢迎关注之后的文章

直播源码APP的最佳扫码插件，自定义视图相关推荐

Flutter 最佳扫码插件
插件已更新,支持自定义视图,具体请查看<Flutter 最佳扫码插件--自定义视图> 文章目录扫码用法配置权限 iOS 权限请求调用API 例子 TODO 插件开发欢迎关注公众号 ...
app 打开支付宝扫码付款（当面付）
app 打开支付宝扫码付款功能(当面付) saId=10000007 打开支付宝扫一扫功能 qrcode 请求网址(二维码网址) plus.runtime.openURL('alipays://pla ...
【科普文】二维码的[生成]和[扫码]
作者:孙辉,美团金融前端团队成员.15年毕业加入美团,相信技术,更相信技术只是大千世界里知识的一种,个人博客: sunyuhui.com 最近这段时间,团队在做的业务主要和二维码相关,在做的过程中,发 ...
Android扫码功能--华为统一扫码服务
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.华为统一扫码服务是什么? 二.使用步骤 1.准备工作 2.开启扫码功能 3.自定义扫码页面 4.同时识别多个二维码 ...
聚合支付二维码如何实现自动识别扫码客户端跳转相应支付页面
前言前面有一篇<聚合支付之流程概述>和大家聊了一下关于聚合支付的一个简单流程.很多小伙伴私信我,如何实现聚合支付码的自动跳转呢? 其实,刚开始接触的时候我也很迷茫,一个静态的二维码 ...
借助云开发10行代码生成小程序码，可以微信扫码快速进入指定小程序页
最近老有同学问我,如何生成小程序二维码,让用户扫码后能快速进入指定页面.经过一番研究,发现用云开发的云调用来实现特别方便,基本上10行代码就可以快速的生成指定页面的二维码.这样我们在做一些线下业务时就 ...
前端怎么从H5调起微信扫描二维码?小程序使用扫码功能.
小程序如何使用扫码的功能呢? wx.scanCode(Object object) 参数属性类型默认值必填说明最低版本 onlyFromCamera boolean false 否是否只 ...
Android连扫码盒子,商米扫码盒正式上市，为解决扫码支付痛点而生
原标题:商米扫码盒正式上市,为解决扫码支付痛点而生近年来,随着移动支付的兴起,有越来越多的消费者使用微信.支付宝等方式进行付款,扫码支付备受青睐.为了迎合消费者扫码支付的需求,商家不得不使用扫码支付 ...
扫码签到系统html,扫码签到.html
扫码签到 $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; ...

直播源码APP的最佳扫码插件，自定义视图

直播源码APP的最佳扫码插件，自定义视图相关推荐

最新文章

热门文章