Flutter 使用插件打开相册、相机「建议收藏」

Flutter 使用插件打开相册、相机「建议收藏」需求:image_picker的使用,点击按钮底部弹出相册、拍照选择框,实现具体功能1:引入插件pubspec.yaml增加image_picker:^0.7.5+22:android添加androidx兼容gradle.properties增加android.useAndroidX=trueandroid.enableJetifier=truebuild添加依赖androidTestImplementation’androidx.tes…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

需求: image_picker的使用,点击按钮底部弹出 相册、拍照选择框,实现具体功能

 

1:引入插件
pubspec.yaml 增加
 

 image_picker: ^0.7.5+2

2:android 添加androidx兼容

gradle.properties 增加
 

android.useAndroidX=true
android.enableJetifier=true

build 添加依赖

androidTestImplementation 'androidx.test:runner:1.1.1'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1'
    testImplementation 'androidx.test:core:1.2.0'

3: ios ->Runner->info.plist添加权限说明

 

<key>NSCameraUsageDescription</key>
    	<string>这是你的自拍照</string>
    	<key>NSMicrophoneUsageDescription</key>
    	<string>用于音频插件</string>
    	<key>NSPhotoLibraryUsageDescription</key>
    	<string>用于相册选择插件</string>
    	<key>UIBackgroundModes</key>
    	<array>
    		<string>remote-notification</string>
    	</array>

4:编写Ui
添加一个浮动按钮,增加点击事件弹出相册/拍照选择框具体如下:
 

floatingActionButton: FloatingActionButton(
        child: Center(
            child: Text(
          "点我",
          style: TextStyle(color: Colors.white),
        )),
        backgroundColor: Colors.blueAccent,
        elevation: 0.2,
        onPressed: () {
          //点击事件
          showPicker();
        },
      )

 

//弹出选择相册/拍照对话框
  showPicker() {
    //底部弹出
    showModalBottomSheet(
        context: context,
        builder: (BuildContext con) => Container(
              height: 160,
              padding: EdgeInsets.all(20),
              color: Colors.white,
              child: Expanded(
                child: ListView(
                  children: [createItem(true, "拍照"), createItem(false, "相册")],
                ),
              ),
            ));
  }
//创建item
  Widget createItem(bool state, String name) {
    return GestureDetector(
        onTap: () {
          //点击事件处理
          openPicker(state);
        },
        child: ListTile(
          leading: Icon(state ? Icons.camera : Icons.image),
          title: Text(name),
        ));
  }
//使用imagePicker异步打开拍照 、相册
  openPicker(bool state) async {
    //销毁底部弹出框
    Navigator.pop(context);
    var picker = ImagePicker();
    //根据状态标识决定打开相机还是相册
    var future = await picker.getImage(
        source: state ? ImageSource.camera : ImageSource.gallery);
    setState(() {
      //通过setstate 通知重绘更新
      file = File(future.path);
    });
  }
拿到了图片,那么就差左后一步了,实现body 添加Image 显示图片,代码如下:
 body: Container(
        alignment: Alignment.center,
        margin: EdgeInsets.all(20),
        //没有图片时候显示占位图
        child: file == null ? Icon(Icons.image,) : Image.file(file),
      )

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/193177.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Mac环境变量配置(Java)

    Mac环境变量配置(Java)1.打开终端:2.输入命令:【/usr/libexec/java_home-V】,查看默认的jdk下载地址(绿色下划线的就是jdk默认路径)(注意⚠️:命令行终端是区分大小写的【-v是不对的,必须是大写-V】)3.如果是第一次配置环境变量,使用命令:【touch.bash_profile】创建一个.bash_profile隐藏配置文件(如果存在已有配置文件就输入:【open-e.bash_profile】)打开如下4.输入以下命令:(注意⚠️:红色字体是第2步查出来自己jd…

  • 计算机的性能主要取决于硬盘的容量对吗,计算机的性能主要取决于(计算机的常用单位是什么)…[通俗易懂]

    计算机的性能主要取决于硬盘的容量对吗,计算机的性能主要取决于(计算机的常用单位是什么)…[通俗易懂]微型计算机的功能或性能不是由某个指标决定的,而是由它的系统结构、指令系统、硬件组成、软件配置等因素决定的。但是对于大多数普通用户来说,电脑的性能一般可以从以下几个指标来评价。1.运行速度运算速度是衡量计算机性能的重要指标。一般来说,计算机的运算速度(平均运算速度)是指每秒可以执行的指令数,一般用mips(百万条指令每秒)来描述。同一台计算机可能需要不同的时间来执行不同的操作,因此通常使用不同的方法…

  • oracle 错误01017,ORA-01017:用户名密码出错 故障实例「建议收藏」

    oracle 错误01017,ORA-01017:用户名密码出错 故障实例「建议收藏」sysdba登录ORA-01017:用户名密码出错故障排查实例早上接到一个朋友的急call,说是数据库的sys登录不了系统叻。普通用户连接可以登录,只要是assysdba就提示ORA-01017:用户名密码出错。很显然这是一个典型的sysdba登录的问题。首先要他查看了sqlnet文件。SQLNET.AUTHENTICATION_SERVICES=(NONE)启动密码文件验证了,接着查看…

  • 决策引擎选购指南[通俗易懂]

    决策引擎选购指南[通俗易懂]决策引擎选购指南决策引擎或规则引擎的概念在2015年随着互联网金融行业的发展得到了快速普及,逐渐被各大公司接纳并入到企业基础设施中,用于集中管理高频多变的业务运营策略,相对于原先的硬代码维护的方式,有着便捷、高效、低成本的特点。市面上关于决策引擎的分享不少,但主要集中在技术层面的经验分享,比如如何从0到1搭建一套决策引擎,大家如果感兴趣也可以自行进行查阅。反而从公司层面出发,如何评估以及选择决策引擎的文章十分有限,从而导致了公司在采购的时候往往因为信息不对称而十分被动。因此,本文将从一位…

  • C语言之数组中你所不在意的重要知识

    C语言之数组中你所不在意的重要知识

    2021年11月15日
  • vs生成sln文件_VS二进制文件

    vs生成sln文件_VS二进制文件VisualStudio.NET采用两种文件类型(.sln和.suo)来存储特定于解决方案的设置,它们总称为解决方案文件。为解决方案资源管理器提供显示管理文件的图形接口所需的信息,从而在每次继续开发任务时,不会因开发环境而分散精力;*.sln:(VisualStudio.Solution)通过为环境提供对项目、项目项和解决方案项在磁盘上位置的引用,可将它们组织到解决方案…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号