Flutter日期选择器插件full_picker的使用

插件简介

Full Picker 是一个Flutter包，旨在帮助您以不同的模式选择文件。该插件支持多种功能，如多文件选择、视频压缩、图片裁剪、自定义相机、为文件设置自定义名称、语音记录等，并且兼容Material 1, 2, 3设计规范。

主要特性

• 多文件选择
• 视频压缩（仅支持Android和iOS）
• 图片裁剪（仅支持Android和iOS）
• 自定义相机
• 文件的自定义名称
• 语音记录
• URL选择
• 支持Material 1,2,3

使用示例

以下是一个简单的FullPicker使用示例：

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

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

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

  @override
  Widget build(BuildContext context) => MaterialApp(
        debugShowCheckedModeBanner: false,
        theme: ThemeData(
          useMaterial3: true,
          brightness: Brightness.light,
          colorScheme: ThemeData().colorScheme.copyWith(primary: Colors.black),
        ),
        home: const FilePickerTest(),
      );
}

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

  @override
  State<FilePickerTest> createState() => _ExonFilePicker();
}

class _ExonFilePicker extends State<FilePickerTest> {
  String info = 'Not Selected !';

  @override
  Widget build(BuildContext context) => Scaffold(
        appBar: AppBar(title: const Text('Full Picker Example')),
        body: Column(
          children: <Widget>[
            ElevatedButton(
              style: ButtonStyle(
                backgroundColor: MaterialStateProperty.all<Color>(Colors.black),
              ),
              child: const Padding(
                padding: EdgeInsets.all(8),
                child: Text(
                  'Open Full Picker',
                  style: TextStyle(fontSize: 25, color: Colors.white),
                ),
              ),
              onPressed: () {
                FullPicker(
                  context: context,
                  prefixName: 'test',
                  file: true,
                  voiceRecorder: true,
                  video: true,
                  videoCamera: true,
                  imageCamera: true,
                  imageCropper: true,
                  multiFile: true,
                  url: true,
                  onError: (int value) {
                    if (kDebugMode) {
                      print(' ----  onError ----=$value');
                    }
                  },
                  onSelected: (FullPickerOutput value) async {
                    if (kDebugMode) {
                      print(' ----  onSelected ----');
                    }

                    if (value.fileType != FullPickerType.url) {
                      info = '';
                      for (int i = 0; i < value.name.length; i++) {
                        final String fileSizeInt = fileSize(
                          await value.xFile[i]!.readAsBytes(),
                        );

                        info =
                            '${info}File Type :${value.fileType}\nPath File :${value.name[i]}\nSize File :$fileSizeInt\n--------\n';
                      }
                    } else {
                      info = value.data as String;
                    }

                    setState(() {});
                  },
                );
              },
            ),
            Expanded(
              child: SingleChildScrollView(
                child: Padding(
                  padding: const EdgeInsets.all(2),
                  child: Row(
                    children: <Widget>[
                      Expanded(
                        child: Text(
                          'Output :\n\n$info',
                          style: const TextStyle(fontSize: 18),
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ),
          ],
        ),
      );
}

配置说明

Android配置

• API < 29

  在AndroidManifest.xml中添加权限：

  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" android:maxSdkVersion="28"/>
  

• API >= 29

  在AndroidManifest.xml中添加权限：

  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
  

  并在Project-level build.gradle中添加仓库：

  allprojects {
      repositories {
          ...
          maven { url 'https://jitpack.io' }
      }
  }
  

  在Module-level build.gradle中添加依赖：

  implementation 'com.github.AbedElazizShe:LightCompressor:1.0.0'
  

iOS配置

• 在Info.plist文件中添加：

  <key>NSPhotoLibraryUsageDescription</key>
  <string>${PRODUCT_NAME} library Usage</string>
  

• 如果需要语音记录功能，在Info.plist中添加：

  <key>NSMicrophoneUsageDescription</key>
  <string>We need to access to the microphone to record audio file</string>
  

macOS配置

• 在Info.plist文件中添加：

  <key>NSMicrophoneUsageDescription</key>
  <string>We need to access to the microphone to record audio file</string>
  

多语言支持

Full Picker 支持多语言定制化。例如：

FullPickerLanguage language = FullPickerLanguage.copy(
    camera: S.current.camera,
    selectFile: S.current.selectFile,
    file: S.current.file,
    voiceRecorder: S.current.voiceRecorder,
    url: S.current.url,
    enterURL: S.current.enterURL,
    cancel: S.current.cancel,
    ok: S.current.ok,
    gallery: S.current.gallery,
    cropper: S.current.cropper,
    onCompressing: S.current.onCompressing,
    tapForPhotoHoldForVideo: S.current.tapForPhotoHoldForVideo,
    cameraNotFound: S.current.cameraNotFound,
    noVoiceRecorded: S.current.noVoiceRecorded,
    denyAccessPermission: S.current.denyAccessPermission);

FullPicker(
  ...
  language: language,
  ...
);

其中 S 是来自 intl Package 的国际化工具。

以上是关于full_picker插件的基本介绍和使用方法。如果您有任何问题或需要进一步的帮助，请随时提问！