Flutter文件保存对话框插件open_save_file_dialogs的使用

Flutter文件保存对话框插件open_save_file_dialogs的使用

open_save_file_dialogs 是一个用于在Android上打开和保存文件的Flutter插件，使用原生文件选择器。

对话框

保存文件

调用异步方法 saveFileDialog，其中你可以传递一个字符串作为新文件的内容，并且可以通过名为参数 startingFileName 传递一个字符串作为默认文件名（可选）。

你将得到保存的文件名作为字符串（如果选择的名称已经被其他文件占用且你不选择重写它，则可能会得到另一个名称），或者返回null表示未选择文件。

import 'package:open_save_file_dialogs/open_save_file_dialogs.dart';
...
final _openSaveFileDialogsPlugin = OpenSaveFileDialogs();
...
final newFileName = await _openSaveFileDialogsPlugin.saveFileDialog(content: myTextContent, startingFileName: "test.txt");

打开文件

调用异步方法 openFileDialog。

你将得到所选文件的内容作为字符串，或者返回null表示未选择文件。

如果无法读取内容，则会抛出异常。

import 'package:open_save_file_dialogs/open_save_file_dialogs.dart';
...
final _openSaveFileDialogsPlugin = OpenSaveFileDialogs();
...
final path = await _openSaveFileDialogsPlugin.openFileDialog();

开发者指南

更新原生代码

如有必要，运行以下命令以更新生成的原生代码：

dart run pigeon --input pigeon/native_communication.dart

完整示例代码

import 'package:flutter/material.dart';

import 'package:open_save_file_dialogs/open_save_file_dialogs.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> {
  final _openSaveFileDialogsPlugin = OpenSaveFileDialogs();

  String? savedFileName;
  String? openedFileContent;

  // 选择保存的文件
  void _selectSavedFile() async {
    final newFileName = await _openSaveFileDialogsPlugin.saveFileDialog(
        content: "This is a\nsimple test.\n", startingFileName: "test.txt");
    setState(() {
      savedFileName = newFileName;
    });
  }

  // 选择打开的文件
  void _selectOpenedFile() async {
    final content = await _openSaveFileDialogsPlugin.openFileDialog();
    setState(() {
      openedFileContent = content;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('OpenSaveFileDialogs 示例应用'),
        ),
        body: SafeArea(
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                // 显示保存的文件名
                Text('保存的文件名: $savedFileName'),
                // 按钮用于选择保存的文件
                ElevatedButton(
                  onPressed: _selectSavedFile,
                  child: const Text(
                    '选择保存的文件',
                  ),
                ),
                const SizedBox(height: 20),
                // 显示打开的文件内容
                Expanded(
                  child: SingleChildScrollView(
                      child: Text('打开的文件内容:\n\n$openedFileContent')),
                ),
                // 按钮用于选择打开的文件
                ElevatedButton(
                  onPressed: _selectOpenedFile,
                  child: const Text(
                    '选择打开的文件',
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}