百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程文章 > 正文

推荐一款Flutter 插件 image_picker iOS和Android的Flutter插件

qiyuwang 2024-10-11 18:22 13 浏览 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更新内容如下:

  • author:从pubspec.yaml中删除不推荐使用的字段
  • 将插件迁移到pubspec平台清单。
  • 需要Flutter SDK 1.10.0或更高版本。
  • 添加教程

    第一步去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文件重启网络服务或重启服务器来应用新的配置...

    爬虫搞崩网站后,程序员自制“Zip炸弹”反击,6刀服务器成功扛住4.6万请求

    ...

    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...

    【故障解决】麒麟系统右下角网络图标取消显示叹号

    原文链接:【故障解决】麒麟系统右下角网络图标取消显示叹号...

    取消回复欢迎 发表评论: