Flutter怎么读写文本文件

Flutter怎么读写文本文件

这篇文章主要介绍“Flutter怎么读写文本文件”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“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,              )            ],          ),        ),      );    }  }

关于“Flutter怎么读写文本文件”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注高防服务器网行业资讯频道，小编每天都会为大家更新不同的知识点。

[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。

[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[