Flutter选择器插件ph_picker_view_controller的使用

Flutter选择器插件ph_picker_view_controller的使用

ph_picker_view_controller 是一个用于在 Flutter 应用程序中使用 iOS 的 PHPickerViewController API 的包装器（iOS 14+）。以下是该插件的基本使用方法。

安装

首先，在你的 pubspec.yaml 文件中添加依赖项：

dependencies:
  ph_picker_view_controller: ^版本号

然后运行 flutter pub get 来获取该包。

使用

1. 初始化插件

首先，你需要初始化 PhPickerViewController 实例。

final _phPickerViewControllerPlugin = PhPickerViewController();

2. 挑选资源

你可以通过调用 pick 方法来打开资源选择器。以下是一个示例：

Future<void> _pickAssets() async {
  try {
    var results = await _phPickerViewControllerPlugin.pick(
      filter: {
        'any': ['images', 'videos'],
      },
      preferredAssetRepresentationMode: PHPickerAssetRepresentationMode.current,
      selection: PHPickerSelection.ordered,
      selectionLimit: 3,
      appendLiveVideos: true,
    );
    if (results == null) {
      setState(() {
        _output = 'No assets selected';
        _results = [];
      });
      return;
    }

    var output = '';

    // 打印所有文件路径和长度。
    for (var file in results) {
      output += 'File info: $file\n';

      if (file.path != null) {
        var length = await File(file.path!).length();
        output += 'File length: $length\n';
      }

      output += '------------\n\n';
    }

    setState(() {
      _output = output;
      _results = results;
    });
  } catch (err) {
    setState(() {
      _output = err.toString();
    });
  }
}

3. 删除资源

你也可以通过调用 delete 方法来删除已选择的资源。以下是一个示例：

Future<void> _deleteAssets() async {
  try {
    final res = await _phPickerViewControllerPlugin.delete(_results.map((e) => e.id).toList());
    setState(() {
      _output = 'Deleted: $res';
      _results = [];
    });
  } catch (err) {
    setState(() {
      _output = err.toString();
    });
  }
}

示例代码

以下是一个完整的示例代码，展示了如何使用 ph_picker_view_controller 插件：

import 'dart:io';

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

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _output = '';
  List<PHPickerResult> _results = [];
  final _phPickerViewControllerPlugin = PhPickerViewController();

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: SingleChildScrollView(
            child: Padding(
                padding: const EdgeInsets.all(16),
                child: Column(
                  children: [
                    const Text('Pick assets by clicking the + button'),
                    const SizedBox(
                      height: 10,
                    ),
                    Text(_output),
                    const SizedBox(
                      height: 10,
                    ),
                    if (_results.isNotEmpty)
                      OutlinedButton(
                          onPressed: _deleteAssets,
                          child: const Text('Delete'))
                  ],
                ))),
        floatingActionButton: FloatingActionButton(
          onPressed: _pickAssets,
          tooltip: 'Select an asset',
          child: const Icon(Icons.add),
        ),
      ),
    );
  }

  Future<void> _pickAssets() async {
    try {
      var results = await _phPickerViewControllerPlugin.pick(
        filter: {
          'any': ['images', 'videos'],
        },
        preferredAssetRepresentationMode: PHPickerAssetRepresentationMode.current,
        selection: PHPickerSelection.ordered,
        selectionLimit: 3,
        appendLiveVideos: true,
      );
      if (results == null) {
        setState(() {
          _output = 'No assets selected';
          _results = [];
        });
        return;
      }

      var output = '';

      // 打印所有文件路径和长度。
      for (var file in results) {
        output += 'File info: $file\n';

        if (file.path != null) {
          var length = await File(file.path!).length();
          output += 'File length: $length\n';
        }

        output += '------------\n\n';
      }

      setState(() {
        _output = output;
        _results = results;
      });
    } catch (err) {
      setState(() {
        _output = err.toString();
      });
    }
  }

  Future<void> _deleteAssets() async {
    try {
      final res = await _phPickerViewControllerPlugin.delete(_results.map((e) => e.id).toList());
      setState(() {
        _output = 'Deleted: $res';
        _results = [];
      });
    } catch (err) {
      setState(() {
        _output = err.toString();
      });
    }
  }
}