一个适用于iOS和Android的Flutter插件 使用相机拍摄读取系统相册
qiyuwang 2024-10-11 18:22 18 浏览 0 评论
一个适用于iOS和Android的Flutter插件,用于从图像库中获取照片,并使用相机拍摄新照片。
本头条核心宗旨
欢迎来到「技术刚刚好」作者,「技术刚刚好」是个人维护,每天至少更新一篇Flutter技术文章,实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术,那就跟我一起学习进步吧,你的赞,收藏,转发是对我个人最大的支持,维护不易,欢迎关注。
技术刚刚好经历
近几年,移动端跨平台开发技术层出不穷,从Facebook家的ReactNative,到阿里家WEEX,前端技术在移动端跨平台开发中大展身手,技术刚刚好作为一名Android开发,经历了从Reactjs到Vuejs的不断学习。而在2018年,我们的主角变成了Flutter,这是Goolge开源的一个移动端跨平台解决方案,可以快速开发精美的移动App。希望跟大家一起学习,一起进步!
本文核心要点
Flutter的Image Picker插件,IOS Android 都能使用,可以从图片库中读取照片,照片的清晰度,大小都可查看,而且还支持拍照。
2019年12月10日 最近更新。获取了17个点赞。目前版本是0.6.2 + 3更新内容如下:
添加教程
第一步去pubspec.yaml文件中添加如下代码
dependencies: image_picker: ^0.6.2+3
第二步点击工具栏
flutter pub get
然后在需要的地方使用
import 'package:image_picker/image_picker.dart';
IOS添加
将以下密钥添加到您的Info.plist文件中<project root>/ios/Runner/Info.plist:
- NSPhotoLibraryUsageDescription-描述您的应用为何需要照片库权限。在视觉编辑器中,这称为“ 隐私-照片库使用说明 ”。
- NSCameraUsageDescription-说明为什么您的应用需要访问相机。在视觉编辑器中,这称为“ 隐私-相机使用说明 ”。
- NSMicrophoneUsageDescription-说明您要录制视频的原因,为什么您的应用需要使用麦克风。在可视编辑器中,这称为“ 隐私-麦克风使用说明 ”。
DEMO例子
import 'package:image_picker/image_picker.dart'; class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { File _image; Future getImage() async { var image = await ImagePicker.pickImage(source: ImageSource.camera); setState(() { _image = image; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Image Picker Example'), ), body: Center( child: _image == null ? Text('No image selected.') : Image.file(_image), ), floatingActionButton: FloatingActionButton( onPressed: getImage, tooltip: 'Pick Image', child: Icon(Icons.add_a_photo), ), ); } }
Android系统回收处理
Android系统(尽管很少)有时会在image_picker完成后杀死程序。发生这种情况时,我们丢失了从image_picker中选择的数据。retrieveLostData在这种情况下,您可以用来检索丢失的数据。例如:
Future<void> retrieveLostData() async { final LostDataResponse response = await ImagePicker.retrieveLostData(); if (response == null) { return; } if (response.file != null) { setState(() { if (response.type == RetrieveType.video) { _handleVideo(response.file); } else { _handleImage(response.file); } }); } else { _handleError(response.exception); } }
谢谢观看技术刚刚好的文章,技术刚刚好是个人维护,每天至少更新一篇Flutter技术文章,实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术,那就跟我一起学习进步吧,你的赞,收藏,转发是对我个人最大的支持,维护不易,欢迎关注。
相关推荐
- 程序员都用什么电脑?适合编程笔记本电脑推荐
-
适合程序员的笔记本电脑首先应该满足小巧轻便这个需求,然后才是性能因素,一个标准的程序员必定能够随时随地改BUG,所以可以优先考虑苹果MacBookPro,由于其MacOS就是Linux内核,做开...
- Linux(debian)内核编译(二)虚拟网卡实例
-
2.10.虚拟网卡TUN/TAP...
- 老毛子要上天 冬天竟然拿矿机当暖气
-
2017-12-2814:10:55作者:李鑫我们都知道矿机在实际工作当中会产生出大量的热能,近日俄罗斯就有人用Comino挖矿电脑来充当暖气的效果,这台电脑不需要特别安装,也没有多余的接口,同样...
- qemu linux内核(5.10.209)开发环境搭建
-
版本信息宿主机:ubuntu20.04.6LTS(FocalFossa)虚拟机:ubuntu20.04.6LTS(FocalFossa)安装宿主机的步骤省略,和一般的在vmware中安...
- Ubuntu 16.04 LTS现已正式支持IBM LinuxONE与z Systems
-
4月22号的时候,Canonical很高兴地宣布了Ubuntu16.04LTS(XenialXerus)已正式支持IBMzSystems和LinuxONE大型机的消息。该长期支持版本经历了六...
- 号称最强大深度学习笔电,雷蛇推出Lambda Tensorbook笔记本电脑
-
IT之家4月13日消息,深度学习公司Lambda与雷蛇合作,发布了新的LambdaTensorbook笔记本电脑,号称是世界上为深度学习设计的最强大的笔记本电脑,可以使用Linux...
- 电脑连 WiFi 全攻略!3 步搞定 + 疑难解答
-
电脑搜不到WiFi?输对密码却连不上?看视频卡、打游戏延迟高?别慌!不管你用Win/Mac还是Linux,这篇保姆级教程从连接步骤到故障排查全覆盖,10分钟让你告别“网络黑洞”!一、基础连...
- linux 网卡bond模式
-
如何进行Linux网络绑定网络绑定简介在Debian10Buster(DHCP)上配置有线和无线网络绑定...
- 在 Ubuntu Server 上配置静态 IP 地址
-
Ubuntu17.10之前版本编辑/etc/network/interfaces文件重启网络服务或重启服务器来应用新的配置...
- Linux网络运维脚本实战示例:配置下发
-
在Linux网络运维场景中,自动化配置下发是提高效率的关键。一个示例展示如何编写一个Shell脚本,用于远程批量部署网络配置到多台服务器。本示例将使用SSH无密码登录和Ansible自动化工具来简化和...
- KVM 虚拟机网络连接异常的排查方法
-
#KVM虚拟机网络连接异常的排查方法当KVM虚拟机出现网络连接问题时,可以按照以下系统化的方法进行排查和解决:##一、基础网络检查###1.检查虚拟机网络状态```bash#在虚拟机内部检...
- 技术宅教你linux开发板直连电脑ubuntu
-
1:我使用的是笔记本,台式机类似。原理:和开发板挂载到路由器或者交换机不一样。我们通过笔记本电脑直连,是将笔记本的物理网卡作为一个桥梁,把开发板和虚拟机ubuntu连接在一起。连接好以后可以使用NFS...
- Ubuntu 25.04发行版登场:Linux 6.14内核,带来多项技术革新
-
IT之家4月18日消息,科技媒体linuxiac昨日(4月17日)发布博文,报道称代号为PluckyPuffin的Ubuntu25.04发行版正式上线,搭载最新Linu...
- 【故障解决】麒麟系统右下角网络图标取消显示叹号
-
原文链接:【故障解决】麒麟系统右下角网络图标取消显示叹号...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- navicat无法连接mysql服务器 (65)
- 下横线怎么打 (71)
- flash插件怎么安装 (60)
- lol体验服怎么进 (66)
- ae插件怎么安装 (62)
- yum卸载 (75)
- .key文件 (63)
- cad一打开就致命错误是怎么回事 (61)
- rpm文件怎么安装 (66)
- linux取消挂载 (81)
- ie代理配置错误 (61)
- ajax error (67)
- centos7 重启网络 (67)
- centos6下载 (58)
- mysql 外网访问权限 (69)
- centos查看内核版本 (61)
- ps错误16 (66)
- nodejs读取json文件 (64)
- centos7 1810 (59)
- 加载com加载项时运行错误 (67)
- php打乱数组顺序 (68)
- cad安装失败怎么解决 (58)
- 因文件头错误而不能打开怎么解决 (68)
- js判断字符串为空 (62)
- centos查看端口 (64)