Flutter图片选择插件flutter_images_picker的使用

安装

首先，在pubspec.yaml文件中添加flutter_images_picker作为依赖项。

iOS

此插件要求iOS 14.0或更高版本。

从版本0.1.4开始，iOS实现使用ImagePicker在iOS 14或更高版本上选择（多张）图片。

在<项目根目录>/ios/Runner/Info.plist文件中添加以下键：

• NSPhotoLibraryUsageDescription - 描述为什么应用需要访问照片库。在可视化编辑器中称为“隐私 - 照片库使用描述”。
• NSCameraUsageDescription - 描述为什么应用需要访问相机。在可视化编辑器中称为“隐私 - 相机使用描述”。
• NSMicrophoneUsageDescription - 如果您打算录制视频，则需要描述为什么应用需要访问麦克风。在可视化编辑器中称为“隐私 - 麦克风使用描述”。

Android

从版本0.1.4开始，Android实现支持在Android 5.0或更高版本上选择（多张）图片。

无需配置 - 插件应该可以立即使用。

注意： 使用相机拍摄的图片和视频会保存到应用程序的本地缓存中，因此这些图片和视频可能只暂时存在。如果您需要永久存储所选的图片，您有责任将其移动到更持久的位置。

基本用法

void takeImage(BuildContext context) async {
  // 选择最多5张图片
  List<Uri?> images  = await FlutterImagesPicker.pickImages(maxImages: 5);
  // 关闭当前页面
  Navigator.of(context).pop();
}

示例代码

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:flutter_images_picker/flutter_images_picker.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: "Images Picker",
      home: TestPage(),
    );
  }
}

class TestPage extends StatefulWidget {
  const TestPage({Key? key}) : super(key: key);

  [@override](/user/override)
  _TestPageState createState() => _TestPageState();
}

class _TestPageState extends State<TestPage> {
  String _platformVersion = 'Unknown';

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  Future<void> initPlatformState() async {
    String? platformVersion;
    try {
      platformVersion = await FlutterImagesPicker.platformVersion;
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion ?? "Unknown";
    });
  }

  void takeImage(BuildContext context) async {
    // 选择最多5张图片
    List<Uri?> images = await FlutterImagesPicker.pickImages(maxImages: 5);

    // 关闭当前页面
    Navigator.of(context).pop();
  }

  Future _pickImage(BuildContext context) async {
    var isPopup = false;

    // 显示对话框
    showDialog<void>(
        context: context,
        barrierDismissible: true,
        builder: (BuildContext context) {
          if (!isPopup) {
            isPopup = true;
            takeImage(context);
          }
          return const Center();
        });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Text('运行于: $_platformVersion\n'),
        ),
        floatingActionButton: Column(
          mainAxisAlignment: MainAxisAlignment.end,
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.only(top: 16.0),
              child: FloatingActionButton(
                onPressed: () {
                  _pickImage(context);
                },
                tooltip: '拍摄照片',
                child: const Icon(Icons.photo_library),
              ),
            ),
          ],
        ));
  }
}