Flutter 中如何读写文件？

推荐答案

在 Flutter 中，读写文件可以通过 dart:io 库来实现。以下是一个简单的示例，展示如何在 Flutter 中读写文件：

// www.javascriptcn.com code example
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:path_provider/path_provider.dart';

class FileReadWriteExample extends StatefulWidget {
  @override
  _FileReadWriteExampleState createState() => _FileReadWriteExampleState();
}

class _FileReadWriteExampleState extends State<FileReadWriteExample> {
  String _fileContent = '';

  Future<String> get _localPath async {
    final directory = await getApplicationDocumentsDirectory();
    return directory.path;
  }

  Future<File> get _localFile async {
    final path = await _localPath;
    return File('$path/my_file.txt');
  }

  Future<void> _writeToFile(String content) async {
    final file = await _localFile;
    await file.writeAsString(content);
  }

  Future<void> _readFromFile() async {
    try {
      final file = await _localFile;
      String content = await file.readAsString();
      setState(() {
        _fileContent = content;
      });
    } catch (e) {
      print("Error reading file: $e");
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('File Read/Write Example'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: <Widget>[
            TextField(
              onChanged: (value) {
                _writeToFile(value);
              },
              decoration: InputDecoration(
                labelText: 'Enter text to save',
              ),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _readFromFile,
              child: Text('Read from file'),
            ),
            SizedBox(height: 20),
            Text('File Content: $_fileContent'),
          ],
        ),
      ),
    );
  }
}

void main() => runApp(MaterialApp(
  home: FileReadWriteExample(),
));

本题详细解读

1. 文件路径的获取

在 Flutter 中，文件的读写通常需要先获取文件的路径。path_provider 包提供了 getApplicationDocumentsDirectory() 方法，用于获取应用程序的文档目录路径。这个路径是应用程序的私有目录，适合存储用户生成的文件。

Future<String> get _localPath async {
  final directory = await getApplicationDocumentsDirectory();
  return directory.path;
}

2. 文件的创建与写入

通过 File 类可以创建或打开一个文件，并使用 writeAsString() 方法将内容写入文件。

// www.javascriptcn.com code example
Future<File> get _localFile async {
  final path = await _localPath;
  return File('$path/my_file.txt');
}

Future<void> _writeToFile(String content) async {
  final file = await _localFile;
  await file.writeAsString(content);
}

3. 文件的读取

使用 File 类的 readAsString() 方法可以读取文件内容，并将其存储在变量中以便在 UI 中显示。

// www.javascriptcn.com code example
Future<void> _readFromFile() async {
  try {
    final file = await _localFile;
    String content = await file.readAsString();
    setState(() {
      _fileContent = content;
    });
  } catch (e) {
    print("Error reading file: $e");
  }
}

4. UI 交互

在 UI 中，可以通过 TextField 输入内容并保存到文件中，通过按钮触发读取文件内容并显示在界面上。

// www.javascriptcn.com code example
TextField(
  onChanged: (value) {
    _writeToFile(value);
  },
  decoration: InputDecoration(
    labelText: 'Enter text to save',
  ),
),
ElevatedButton(
  onPressed: _readFromFile,
  child: Text('Read from file'),
),
Text('File Content: $_fileContent'),

5. 注意事项

• 文件操作是异步的，因此需要使用 async 和 await 关键字来处理异步操作。
• 文件读写可能会抛出异常，因此建议使用 try-catch 块来捕获并处理异常。
• 在移动设备上，文件路径可能会因设备而异，因此使用 path_provider 包来获取路径是一个好习惯。