Flutter仿微信扫一扫(扫码,图片翻译)

最新推荐文章于 2024-06-05 09:24:25 发布
最新推荐文章于 2024-06-05 09:24:25 发布
阅读量1.7k 收藏 3
点赞数
文章标签： flutter 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46364914/article/details/130958215
版权

仓库地址: GitHub - autumn-moon-py/wechat_scan

实现功能:

扫一扫:

扫描单个二维码

开关手电筒

相册选择

双击放大缩小

双指捏合放大缩小

我的二维码:

二维码生成

二维码保存图片

翻译:

图片翻译

相册选择

第三方库:

get: ^4.6.5 路由管理,简化弹窗,底部抽屉,验证URL

url_launcher: ^6.1.8 打开浏览器访问网站

wechat_assets_picker: ^8.5.0 微信资源选择器

qrscan: ^0.3.3 扫描相册二维码

mobile_scanner: ^3.2.0 扫描相机二维码

vibration: ^1.7.7 震动

qr_flutter: ^4.1.0 生成二维码

image_gallery_saver_v3: ^1.0.0 保存图片

flutter_easyloading: ^3.0.5 弹窗提示

camera: ^0.10.5+2 相机

http: ^0.13.6 网络请求

crypto: ^3.0.3 md5转换

connectivity_plus: ^4.0.1 检查网络连接

image: ^4.0.17 压缩图片

未实现功能:<

最低0.47元/天 解锁文章
秋月Miko
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Flutter 实现二维码扫描
LeftStrang的专栏
04-19 521
配置安卓访问权限: 1. 文件配置路径android\app\src\main\AndroidManifest.xml 2. 添加代码： <uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> <uses-permission android:na
Flutter 画笔绘制二维码扫描框
xhuww的博客
12-28 2210
Flutter 通过画布画笔绘制二维码扫描框
flutter 利用qr_code_scanner 实现扫一扫功能
最新发布
weixin_40466351的博客
06-05 263
qr_code_scanner在第一次正常工作后，再次打开黑屏，偶尔过好几秒才能正常工作。
Flutter 最佳扫码插件——自定义视图
编程之路的专栏
09-13 2476
之前封装了Flutter扫码插件后，许多人希望能提供自定义视图的支持，于是将flutter_scankit 升级到v1.2。关于该插件的介绍以及基础用法，请查看上一篇《Flutter 最佳扫码插件》 自定义视图 使用插件库提供的ScanKitWidget作为扫码控件，建议用Stack布局组合其他控件实现自定义视图。 在创建ScanKitWidget时，必须实现其回调函数callback，该回调返回一个ScanKitController，用于调用与扫码相关的功能。 ScanKitWidget(
flutter关于pod install报错Protobuf (= 3.21.7, ~＞ 3.12)问题
smileKH的博客
10-19 742
pod install报错
Flutter在一个预览界面中同时实现OCR和二维码识别
developer_laoliu的博客
03-15 1117
这个功能点虽然不常见，但是实现起来并不难主要需要花一点时间进行前期调研我这里把整个调研过程如此详细的展示出来主要有两个目的：1、向大家展示一下目前Flutter生态的现状目前Flutter生态的发展已经非常完善了很多同学担心的需要去写原生代码的场景，现在大概率是不需要的2、三方库的定制也没有想象中那么复杂多数时候我们只需要研究一下SDK提供的更底层一点的API，然后组合一下这些API的调用就好了真正需要去跟踪三方库源代码，然后找到自己实现方案的场景。
推荐：Flutter QRCode 阅读器插件 — 功能强大的扫码神器！
gitblog_00095的博客
05-28 324
推荐：Flutter QRCode 阅读器插件 — 功能强大的扫码神器！ 项目地址:https://gitcode.com/villela/flutter_qrcode_reader 1. 项目介绍 QRCode Reader plugin for Flutter 是一款专为 Flutter 开发者设计的二维码阅读器插件。它允许用户通过设备摄像头轻松快捷地扫描并解析二维码，大大简化了在移动应用中实...
flutter实现条形码二维码扫描
m0_46527751的博客
03-02 2657
flutter实现条形码二维码扫描准备工作使用 我们使用到的第三方插件为barcode_scan2 地址为：https://pub.flutter-io.cn/packages/barcode_scan2 准备工作 安卓使用此插件需要注意以下几点： 相机权限添加 将相机权限添加到您的 AndroidManifest 中.xml <uses-permission android:name="android.permission.CAMERA" /> 这个插件是用 Kotlin 编写的。因此
Flutter扫二维码功能实现
华山论码
10-15 951
首先在pubspec.yaml中添加： dependencies: qrscan: ^0.3.2 在androd清单文件中加入以下权限： <uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> <uses-permission android:name="a
flutter高仿微信项目实战
10-28
Flutter案例视频教程，从入门到具体项目实战，Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。flutter高仿微信项目实战是一个使用flutter技术仿微信界面开发的完整案例,同时提供代码下载。
qr_code_scanner:Flutter的QR码扫描仪
04-28
QR码扫描仪 通过将平台视图原生嵌入Flutter，可在iOS和Android上运行的QR码扫描仪。 与Flutter的集成是无缝的，比跳入本机Activity或ViewController进行扫描要好得多。 警告 如果使用Flutter Beta或Dev通道（1.25或1.26），则会出现以下错误： java.lang.AbstractMethodError: abstract method "void io.flutter.plugin.platform.PlatformView.onFlutterViewAttached(android.view.View)" 这是Flutter中的错误，可在此处进行跟踪： : 有一种解决方法，将android.enableDexingArtifactTransform=false添加到gradle.properties文件。 屏幕截图
扫码（二维码条形码通用扫码界面）
08-03
二维码条形码通用扫码界面，支持照明，支持相册选取图片扫码
Flutter扫码识别二维码内容
weixin_30323631的博客
09-06 2082
前面一篇写了生成二维码图片，这篇来写使用相机扫描识别二维码 识别二维码需要用到插件barcode_scan 首先在pubspec.yaml文件中添加以下依赖，添加依赖后在pubspec.yaml运行flutter packages get或 使用IDE更新软件包。 dependencies: ... barcode_scan: ^1.0.0 ...
Flutter学习笔记 二维码
weixin_42215775的博客
09-20 1387
生成二维码： 首先安装生成二维码插件： dependencies: qr_flutter: ^3.0.1 在使用的地方导入： import 'package:qr_flutter/qr_flutter.dart'; 使用： QrImage( data: '二维码要显示的数据', size: 100.0, embeddedImage: AssetImage('images...
Flutter – 生成二维码与识别二维码
weixin_30508241的博客
12-10 1349
https://www.colabug.com/4072697.html 转载于:https://www.cnblogs.com/zhujiabin/p/10095175.html
Flutter各种API使用
weixin_34146805的博客
06-06 1643
将Flutter各种Widget各种API都实现一次。 用于给初学者提供Flutter可视化Widget，方便初学者学习和使用，同时给自己的Flutter提供备忘、代码copy功能。 点击Widget清单的按钮会跳转到各自对应的Widget实现页面。 项目代码地址 github.com/zhongmeizhi… 参考链接： 开发文档 功能齐全的flutter项目 ...
flutter常用插件
lpfasd123的博客
12-14 2421
audio_recorder: any #录音、播放 flutter_sound: ^1.1.5#录音 dropdown_menu: ^1.1.0#下拉菜单 simple_permissions:#权限获取 easy_alert:#弹框 amap_location: any #高德地图 location: any #gogle位...
Flutter生成二维码
KevinMiGuan的博客
06-13 2692
#首先需要在pubspec.yaml:中添加 qr_flutter: ^1.1.3 其次，引入代码： import 'package:qr_flutter/qr_flutter.dart'; 核心代码如下： child: QrImage( data: "这里是需要生成二维码的数据", size: 100.0, onError:...
Flutter生成带图片的二维码
weixin_30323631的博客
09-06 1406
现在的APP中经常需要用自己的信息生成一个二维码给别人扫，下面就介绍一下Flutter中怎么生成一个带图片的二维码。 需要用到的插件qr_flutter 首先在pubspec.yaml文件中添加以下依赖，添加依赖后在 pubspec.yaml 运行 flutter packages get 或 使用IDE更新软件包。 dependencies: qr_flutter:...
flutter 仿微信长按消息多选消息列表
05-24
你可以使用 `GestureDetector` 组件来监听长按事件，并在长按时显示一个底部的菜单栏，用于选择多个消息。下面是一个简单的示例代码： ```dart class ChatMessage { final String content; bool selected; ChatMessage(this.content, {this.selected = false}); } class ChatScreen extends StatefulWidget { @override _ChatScreenState createState() => _ChatScreenState(); } class _ChatScreenState extends State<ChatScreen> { final List<ChatMessage> messages = [ ChatMessage("Hello!"), ChatMessage("How are you?"), ChatMessage("I'm fine, thanks."), ChatMessage("What about you?"), ChatMessage("I'm good."), ]; List<ChatMessage> selectedMessages = []; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Chat"), ), body: ListView.builder( itemCount: messages.length, itemBuilder: (context, index) { final message = messages[index]; return GestureDetector( onLongPress: () { setState(() { message.selected = true; selectedMessages.add(message); }); }, child: Container( padding: EdgeInsets.all(16.0), color: message.selected ? Colors.grey[300] : null, child: Text(message.content), ), ); }, ), bottomNavigationBar: selectedMessages.isNotEmpty ? BottomAppBar( child: Row( children: [ IconButton( icon: Icon(Icons.delete), onPressed: () { setState(() { messages.removeWhere((message) => selectedMessages.contains(message)); selectedMessages.clear(); }); }, ), Text("${selectedMessages.length} selected"), ], ), ) : null, ); } } ``` 在这个示例中，我们创建了一个 `ChatMessage` 类来表示聊天消息。`selected` 属性表示该消息是否被选中。在 `ChatScreen` 中，我们创建了一个 `messages` 列表来存储所有的消息，以及一个 `selectedMessages` 列表来存储被选中的消息。在 `ListView.builder` 中，我们使用 `GestureDetector` 来监听长按事件，并在长按时将消息标记为选中状态，并将其添加到 `selectedMessages` 列表中。在底部菜单栏中，我们显示了一个删除按钮和一个文本框，用于显示选中的消息数量。当用户点击删除按钮时，我们从 `messages` 列表中删除所有被选中的消息，并清空 `selectedMessages` 列表。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值