第二百三十五回 wechat_assets_picker简介

talk_8

已于 2024-03-31 12:33:16 修改

阅读量604

点赞数 8

分类专栏：一起Talk Flutter吧文章标签：移动开发Flutter

于 2023-12-29 22:39:14 首次发布

本文链接：https://blog.csdn.net/talk_8/article/details/135299789

版权

一起Talk Flutter吧专栏收录该内容

574 篇文章 13 订阅

订阅专栏

文章目录

1. 概念介绍
2. 思路与方法
- 2.1 使用思路
- 2.2 使用方法
3. 示例代码
4. 内容总结

我们在上一章回中介绍了"ImagePicker使用总结"相关的内容，本章回中将介绍 wechat_assets_picker这个三方包.闲话休提，让我们一起Talk Flutter吧。

在这里插入图片描述

1. 概念介绍

我们在本章回中介绍的wechat_assets_picker包主要用来获取图片和视频文件，它的功能类似前面章回中介绍的ImagePicker包，但是该包获取图片和视频时的UI界面为微信风格，因此包名中还有wechat字样，这是该包和ImagePicker包最大的区别。本章回中将详细介绍该包的使用方法。

2. 思路与方法

2.1 使用思路

调用包中提供的接口获取图片和视频文件，然后再从接口的返回值中读取被选择的图片和视频。在调用接口时可以通过接口的参数来指定一些功能要求。

这个思路比较好理解，我们将在接下来的小节中介绍具体的使用方法，其中将包含各种使用细节。

2.2 使用方法

在yaml文件中添加包，添加时需要注意包的版本，不同的版本对应不同的flutter版本；
添加权限相关内容。IOS需要在info.plist中指定NSPhotoLibraryUsageDescription的值，Android需要指定以下权限；

<!--    添加读写相关权限，在使用flutter_wechat_assets_picker包时需要使用-->
<!--    必须是下面的两个权限，sdk版本大于33时只声明下面的权限就可以，其它版本可以参考官方文档-->
    <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
    <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
    <uses-permission android:name="android.permission.READ_MEDIA_VISUAL_USER_SELECTED" />

创建AssetPickerConfig对象，用来指定获取图片或者视频时相关的参数，常用的是图片数量；这个值也可以不指定，使用默认值；
调用包中的pickAssets接口获取图片和视频，该接口是异步接口，使用时要处理相关的错误信息；
从接口返回的结果中获取图片和视频文件，可以显示出来，或者上传到网络；

有些看官可能觉得上面的方法比较抽象，我们将在接下来的小节中通过具体的示例代码来演示。

3. 示例代码

ElevatedButton(
  onPressed: () async {
    debugPrint(" picker button clicked");


    assetEntityList = await AssetPicker.pickAssets(context,
        pickerConfig: pickerConfig);

    if (assetEntityList != null && assetEntityList!.isNotEmpty) {
      ///依据文件类型是图片还是视频做不同的处理
      if (assetEntity != null &&assetEntity!.type == AssetType.image) {}
      if (assetEntity != null && assetEntity!.type == AssetType.video) {}
    }else {
      ///处理接口返回的错误
    }
  },
  child: const Text("Pick Image"),
),