中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Flutter怎么讀寫文本文件

發布時間:2022-04-12 11:09:20 來源:億速云 閱讀:360 作者:iii 欄目:開發技術

這篇文章主要介紹“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怎么讀寫文本文件”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

崇州市| 衡南县| 荆州市| 乐至县| 宁夏| 旬邑县| 丽江市| 铁力市| 同仁县| 淄博市| 玛纳斯县| 安吉县| 宜黄县| 六盘水市| 和龙市| 康马县| 葵青区| 库尔勒市| 隆化县| 屯留县| 阿克苏市| 政和县| 庆云县| 湟源县| 博湖县| 新闻| 靖宇县| 铁力市| 荣成市| 伊川县| 乡城县| 白玉县| 雅江县| 赣州市| 通辽市| 印江| 行唐县| 克什克腾旗| 财经| 黔西县| 五寨县|