一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第9天，点击查看活动详情。
这篇文章是关于在 Flutter 中读写文本文件的。
介绍
文本文件（具有 .txt扩展名）广泛用于持久存储信息，从数字数据到长文本。今天，我将介绍 2 个使用此文件类型的 Flutter 应用程序示例。
第一个示例快速而简单。它仅使用 rootBundle（来自 services.dart）从 assets 文件夹（或根项目中的另一个文件夹）中的文本加载内容，然后将结果输出到屏幕上。当您只需要读取数据而不需要写入数据时，这很有用。
第二个例子稍微复杂一点。它不仅可以读取用户输入的内容，还可以将用户输入的内容写入文本文件。您将学习如何使用File 异步方法， 包括readAsString和writeAsString。
示例 1：加载内容
预览
此示例包含一个文本小部件和一个浮动按钮。当这个按钮被按下时，函数 _loadData将被触发并从文件中加载内容。
将文本文件添加到您的项目中
在项目根目录的资产文件夹中创建一个名为data.txt的新文本文件（如果尚不存在，则创建一个），并向其添加一些虚拟内容，如下所示：
个人简介：华为云享专家，InfoQ签约作者，51CTO博客首席体验官，专注于前端技术的分享，包括Flutter,小程序,安卓，VUE，JavaScript。如果你迷茫，不妨来瞅瞅码农的轨迹，
复制代码不要忘记在pubspec.yaml文件中注册assets文件夹：
flutter:
assets:
- assets/
复制代码完整代码
将以下内容添加到您的main.dart：
// main.dart
import 'package:flutter/material.dart';
import 'package:flutter/services.dart' show rootBundle;
import 'dart:async';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: '坚果',
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
String _data;
// This function is triggered when the user presses the floating button
Future<void> _loadData() async {
final _loadedData = await rootBundle.loadString('assets/data.txt');
setState(() {
_data = _loadedData;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('坚果'),
),
body: Center(
child: Container(
width: 300,
child: Text(_data != null ? _data : 'Nothing to show',
style: TextStyle(fontSize: 24)))),
floatingActionButton:
FloatingActionButton(onPressed: _loadData, child: Icon(Icons.add)),
);
}
}
复制代码示例 2： Reading and Writing
获取文件路径
出于安全原因，Android 和 iOS 不允许我们在硬盘驱动器上的任何位置进行读写。我们需要将文本文件保存到Documents目录中，应用程序只能在该目录中访问其文件。只有在删除应用程序时才会删除这些文件。
该文件目录是NSDocumentDirectory iOS和应用程序数据在Android上。要获取该目录的完整路径，我们使用**path_provider**包（这是 Flutter 的官方包）。
通过将path_provider及其版本添加到pubspec.yaml文件的依赖项部分来安装包，如下所示：
dependencies:
path_provider: ^2.0.8
复制代码然后运行以下命令：
flutter pub get
复制代码并找到如下路径：
import 'package:path_provider/path_provider.dart';
/* .... */
Future<String> get _getDirPath async {
final _dir = await getApplicationDocumentsDirectory();
return _dir.path;
}
复制代码示例预览
此示例应用程序有一个 TextFiled，允许用户输入他/她的姓名以写入文本文件。它还包含一个文本小部件，显示从该文件读取的名称。
完整的代码和解释
在此示例中，我们不需要手动创建文本文件并将其添加到项目中。第一次写入数据时会自动创建。
这是我们的main.dart 中的代码：
// main.dart
import 'dart:convert';
import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:io';
import 'package:path_provider/path_provider.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: '坚果',
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
// This will be displayed on the screen
String _content;
// Find the Documents path
Future<String> _getDirPath() async {
final _dir = await getApplicationDocumentsDirectory();
return _dir.path;
}
// This function is triggered when the "Read" button is pressed
Future<void> _readData() async {
final _dirPath = await _getDirPath();
final _myFile = File('$_dirPath/data.txt');
final _data = await _myFile.readAsString(encoding: utf8);
setState(() {
_content = _data;
});
}
// TextField controller
final _textController = TextEditingController();
// This function is triggered when the "Write" buttion is pressed
Future<void> _writeData() async {
final _dirPath = await _getDirPath();
final _myFile = File('$_dirPath/data.txt');
// If data.txt doesn't exist, it will be created automatically
await _myFile.writeAsString(_textController.text);
_textController.clear();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('坚果'),
),
body: Padding(
padding: const EdgeInsets.all(20),
child: Column(
children: [
TextField(
controller: _textController,
decoration: InputDecoration(labelText: 'Enter your name'),
),
ElevatedButton(
child: Text('Save to file'),
onPressed: _writeData,
),
SizedBox(
height: 150,
),
Text(
_content != null
? _content
: 'Press the button to load your name',
style: TextStyle(fontSize: 24, color: Colors.pink)),
ElevatedButton(
child: Text('Read my name from the file'),
onPressed: _readData,
)
],
),
),
);
}
}
复制代码结论
通过本文，您构建了 2 个简单的应用程序，并了解了读写文本文件的基本知识。如果您想在 Flutter 中使用 JSON 或 CSV 文件，请查看以下文章
\