Flutter图片选择插件img_picker_android的使用

Flutter 图片选择插件 img_picker_android 的使用

img_picker_android 是 img_picker 插件的 Android 实现。本文将展示如何在 Flutter 应用中使用该插件来选择图片。

使用方法

此插件为 Flutter 的推荐插件之一，因此您可以直接使用 img_picker。当您这样操作时，此插件会自动包含在您的应用中，因此您无需将其添加到 pubspec.yaml 文件中。

但是，如果您导入此插件以直接使用其 API，则应像往常一样将其添加到 pubspec.yaml 文件中。

照片选择器

此插件具有可选的 Android 照片选择功能。

要使用此功能，在调用任何 img_picker API 之前，请在您的应用中添加以下代码：

import 'package:img_picker_android/img_picker_android.dart';
import 'package:img_picker_platform_interface/img_picker_platform_interface.dart';

// 设置使用 Android 照片选择器。
final ImagePickerPlatform imagePickerImplementation = ImagePickerPlatform.instance;
if (imagePickerImplementation is ImagePickerAndroid) {
  imagePickerImplementation.useAndroidPhotoPicker = true;
}

示例代码

以下是一个完整的示例，展示了如何在 Flutter 应用中使用 img_picker_android 插件来选择照片。

example/lib/main.dart

import 'dart:async';
import 'package:flutter/material.dart';
// 引入 img_picker_android 和 img_picker_platform_interface 包
import 'package:img_picker_android/img_picker_android.dart';
import 'package:img_picker_platform_interface/img_picker_platform_interface.dart';

void main() {
  // 设置使用 Android 照片选择器。
  final ImagePickerPlatform imagePickerImplementation = ImagePickerPlatform.instance;
  if (imagePickerImplementation is ImagePickerAndroid) {
    imagePickerImplementation.useAndroidPhotoPicker = true;
  }
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'Image Picker Demo',
      home: MyHomePage(title: 'Image Picker Example'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, this.title});

  final String? title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  // 定义一个异步函数用于上传照片
  Future<void> uploadPhotos() async {
    // 获取多张图片，并设置限制为最多两张
    final List<XFile> photoList = await ImagePickerPlatform.instance
        .getMultiImageWithOptions(options: MultiImagePickerOptions(limit: 2));
    // 可以在此处处理获取到的照片列表
    var s = 0;
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title!),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 调用上传照片的函数
            uploadPhotos();
          },
          child: Text('Upload Photo'),
        ),
      ),
    );
  }
}