文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Flutter怎么读写文本文件

2023-06-30 00:31

关注

这篇文章主要介绍“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.dartimport '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.dartimport '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怎么读写文本文件”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网行业资讯频道,小编每天都会为大家更新不同的知识点。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯