Flutter文件保存插件cr_file_saver的使用

Flutter文件保存插件cr_file_saver的使用

Header image

Cleveroad引入了Flutter文件保存插件

特性
  • 请求WriteExternalStoragePermission(如果需要)。
  • 将文件保存到Android设备的下载目录或iOS设备的Document文件夹。
  • 通过标准文件保存对话框保存文件。
未来特性
  • 将文件保存到特定目录。

设置

在你的Flutter项目的pubspec.yaml文件中,添加以下依赖:

dependencies:
  ...
  cr_file_saver: ^0.0.2
Android:

如果你使用的是Android 9及以下版本,在项目清单中添加以下权限:

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

ios文件夹中,转到ios/Runner/info.plist并添加以下键值对:

<key>LSSupportsOpeningDocumentsInPlace</key>
<true/>
<key>UIFileSharingEnabled</key>
<true/>

在你的Dart文件中添加以下导入:

import 'package:cr_file_saver/cr_file_saver.dart';

使用

CRFileSaver有几种静态方法可以使用:

  • requestWriteExternalStoragePermission:检查权限并在需要时请求它。
  • saveFile:使用提供的文件路径和所需文件名简单地保存文件。
  • saveFileWithDialog:通过标准文件保存对话框保存文件。注意,如果Android设备API级别为30或更高,则此方法将抛出NoResolvedActivityException异常。
完整示例代码
import 'dart:developer';
import 'dart:io';

import 'package:cr_file_saver/file_saver.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

import 'package:path_provider/path_provider.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> {
  static const _tempFileName = 'TempFile.pdf';
  static const _testFileName = 'TestFile.pdf';
  static const _testWithDialogFileName = 'TestFileWithDialog.pdf';

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: FutureBuilder<bool>(
            future: _checkIsTempFileExists(),
            builder: (context, payload) {
              return Column(
                children: [
                  OutlinedButton(
                    onPressed: _createTempPressed,
                    child: const Text('创建临时文件'),
                  ),
                  OutlinedButton(
                    onPressed: _onCheckPermissionPressed,
                    child: const Text('检查权限'),
                  ),
                  if (payload.data == true) ...[
                    OutlinedButton(
                      onPressed: _onSaveFilePressed,
                      child: const Text('保存文件'),
                    ),
                    OutlinedButton(
                      onPressed: _onSaveWithDialogPressed,
                      child: const Text('使用对话框保存文件'),
                    ),
                  ],
                ],
              );
            },
          ),
        ),
      ),
    );
  }

  /// 在临时目录中创建一个示例文件以进行操作
  void _createTempPressed() async {
    final folder = await getTemporaryDirectory();
    final filePath = '${folder.path}/$_tempFileName';
    final file = File(filePath);
    final raf = await file.open(mode: FileMode.writeOnlyAppend);
    await raf.writeString('string\n');
    await raf.close();

    log('创建临时文件: ${file.path}');
    setState(() {});
  }

  /// 检查权限并在需要时请求它
  void _onCheckPermissionPressed() async {
    final granted = await CRFileSaver.requestWriteExternalStoragePermission();

    log('requestWriteExternalStoragePermission: $granted');
  }

  /// 将创建的文件从临时目录保存到Android的下载文件夹或iOS的Documents文件夹
  void _onSaveFilePressed() async {
    final folder = await getTemporaryDirectory();
    final filePath = '${folder.path}/$_tempFileName';
    try {
      final file = await CRFileSaver.saveFile(
        filePath,
        destinationFileName: _testFileName,
      );
      log('保存到 $file');
    } on PlatformException catch (e) {
      log('文件保存错误: ${e.code}');
    }
  }

  /// 将创建的文件从临时目录保存到Android的下载文件夹或iOS的Documents文件夹,并使用原生对话框
  void _onSaveWithDialogPressed() async {
    final folder = await getTemporaryDirectory();
    final filePath = '${folder.path}/$_tempFileName';
    String? file;

    try {
      file = await CRFileSaver.saveFileWithDialog(SaveFileDialogParams(
        sourceFilePath: filePath,
        destinationFileName: _testWithDialogFileName,
      ));
      log('保存到 $file');
    } catch (error) {
      log('错误: $error');
    }
  }

  Future<bool> _checkIsTempFileExists() async {
    final folder = await getTemporaryDirectory();
    final filePath = '${folder.path}/$_tempFileName';
    final file = File(filePath);

    return file.exists();
  }
}

更多关于Flutter文件保存插件cr_file_saver的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter文件保存插件cr_file_saver的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,下面是一个关于如何使用Flutter中的cr_file_saver插件来保存文件的代码示例。cr_file_saver是一个用于在Flutter应用中保存文件的插件,它简化了文件保存操作,特别是在处理下载和缓存文件时。

首先,确保你的pubspec.yaml文件中已经添加了cr_file_saver依赖:

dependencies:
  flutter:
    sdk: flutter
  cr_file_saver: ^x.y.z  # 替换为最新版本号

然后,运行flutter pub get来安装依赖。

接下来,在你的Flutter项目中,你可以按照以下步骤使用cr_file_saver来保存文件:

  1. 导入插件

在你的Dart文件中导入cr_file_saver

import 'package:cr_file_saver/cr_file_saver.dart';
import 'package:path_provider/path_provider.dart';
import 'dart:io';
  1. 请求存储权限(如果需要)

在Android和iOS上保存文件可能需要请求存储权限。这里假设你已经处理了权限请求。

  1. 保存文件

下面是一个完整的示例,展示如何使用cr_file_saver保存一个文本文件:

import 'package:flutter/material.dart';
import 'package:cr_file_saver/cr_file_saver.dart';
import 'package:path_provider/path_provider.dart';
import 'dart:io';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('File Saver Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: _saveFile,
            child: Text('Save File'),
          ),
        ),
      ),
    );
  }

  Future<void> _saveFile() async {
    // 获取应用文档目录
    final directory = (await getApplicationDocumentsDirectory()).path;
    
    // 定义文件名和文件内容
    final fileName = 'example.txt';
    final filePath = '$directory/$fileName';
    final fileContent = 'Hello, this is a test file!';
    
    // 写入文件到本地存储
    File file = File(filePath);
    await file.writeAsString(fileContent);
    
    // 使用cr_file_saver保存文件到设备的公共存储(如果需要)
    try {
      final result = await FileSaver.instance.saveFile(
        file: file,
        defaultName: fileName,
        extension: 'txt',
        mimeType: 'text/plain',
      );
      
      if (result.success) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('File saved successfully!')),
        );
      } else {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('Failed to save file.')),
        );
      }
    } catch (e) {
      print('Error saving file: $e');
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('Error saving file.')),
      );
    }
  }
}

在这个示例中,当用户点击按钮时,应用会:

  1. 获取应用的文档目录路径。
  2. 创建一个文本文件并写入内容。
  3. 使用cr_file_saver将文件保存到设备的公共存储(如果需要)。

注意:

  • FileSaver.instance.saveFile方法会尝试将文件保存到设备的公共存储,并返回一个包含成功状态的结果对象。
  • 你可能需要根据你的应用需求调整文件保存的路径、文件名和内容。
  • 确保在真实应用中处理权限请求和错误处理。

这个示例提供了一个基本的框架,你可以根据自己的需求进一步扩展和修改。

回到顶部