Flutter文件图片选择插件file_image_pick的使用

开始使用

本项目是一个新的 Flutter 插件项目，用于处理文件和图片的选择。此插件包含 Android 和/或 iOS 平台特定的实现代码。

对于如何开始使用 Flutter，可以查看我们的 在线文档，其中提供了教程、示例、移动开发指南和完整的 API 参考。

file_image_pick 版本：0.0.1

import 'package:file_image_pick/file_image_pick.dart';

// 获取文件
FileImageModel fileModel = await FileChooseManager.instance.openChooseFile();
print(fileModel);

// 获取图片
FileImageModel fileModel = await FileChooseManager.instance.getImage();
print(fileModel);     

完整示例

以下是一个完整的示例，展示了如何在 Flutter 应用程序中使用 file_image_pick 插件来选择文件和图片。

// ignore_for_file: prefer_const_constructors

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

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

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

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

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

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';

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

  Future<void> getFile() async {
    try {
      FileImageModel fileModel = await FileChooseManager.instance.openChooseFile();
      print(fileModel);
    } on PlatformException {
      throw ('Failed to get file');
    }
  }

  Future<void> getImage() async {
    try {
      FileImageModel fileModel = await FileChooseManager.instance.getImage();
      print(fileModel);
    } on PlatformException {
      throw ('Failed to get image');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Column(
          children: [
            Center(
              child: InkWell(
                child: Padding(
                  padding: EdgeInsets.all(20),
                  child: Text('点击获取文件'),
                ),
                onTap: () {
                  getFile(); // 调用获取文件的方法
                },
              ),
            ),
            Center(
              child: InkWell(
                child: Padding(
                  padding: EdgeInsets.all(20),
                  child: Text('点击获取图片'),
                ),
                onTap: () {
                  getImage(); // 调用获取图片的方法
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}

代码解释

• 导入必要的库：

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

• 定义主应用类：

  void main() {
    runApp(const MyApp());
  }
  
  class MyApp extends StatefulWidget {
    const MyApp({Key? key}) : super(key: key);
  
    [@override](/user/override)
    State<MyApp> createState() => _MyAppState();
  }
  

• 初始化状态并定义获取文件和图片的方法：

  class _MyAppState extends State<MyApp> {
    String _platformVersion = 'Unknown';
  
    [@override](/user/override)
    void initState() {
      super.initState();
    }
  
    Future<void> getFile() async {
      try {
        FileImageModel fileModel = await FileChooseManager.instance.openChooseFile();
        print(fileModel);
      } on PlatformException {
        throw ('Failed to get file');
      }
    }
  
    Future<void> getImage() async {
      try {
        FileImageModel fileModel = await FileChooseManager.instance.getImage();
        print(fileModel);
      } on PlatformException {
        throw ('Failed to get image');
      }
    }
  }
  

• 构建用户界面：

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Column(
          children: [
            Center(
              child: InkWell(
                child: Padding(
                  padding: EdgeInsets.all(20),
                  child: Text('点击获取文件'),
                ),
                onTap: () {
                  getFile(); // 点击时调用获取文件的方法
                },
              ),
            ),
            Center(
              child: InkWell(
                child: Padding(
                  padding: EdgeInsets.all(20),
                  child: Text('点击获取图片'),
                ),
                onTap: () {
                  getImage(); // 点击时调用获取图片的方法
                },
              ),
            ),
          ],
        ),
      ),
    );
  }