Flutter(三十)——文件存储

简介: Flutter(三十)——文件存储

前言


前面博主介绍讲解了key-value形式的SharedPreferences的存储方式和sqflite的数据库插件的使用方式,对于手机端来说,我们还需要对文件形式的存储有一定了解。

Flutter中已经实现了文件操作相关的API。Flutter中使用File获取手机中的存储目录,它根据不同的路径创建不同的文件。这一点与前面的持久化方式类似,都是通过插件实现的,在Flutter开发中,常用的文件存储插件为path_provider,下面我们来讲解它的用法。


path_provider


既然是插件,我们需要在Flutter项目中引入插件,所以在pubspec.yaml文件添加如下代码:

dependencies:
  flutter:
    sdk: flutter
  shared_preferences: ^0.5.1+1
  sqflite: ^1.1.3
  path_provider: ^0.5.0+1//文件存储引入


获取临时目录

话不多说,直接上代码:

/***
   * 获取临时目录
   */
  _getTempDirectory() async{
    Directory directory=await getTemporaryDirectory();
    print(directory.path);
  }


代码很简单就两行代码,首先获取Directory,然后输入路径即可,临时目录的结果如下图所示:

可以看到临时目录在应用程序包下的cache目录中。


获取应用文档目录

代码如下:

/***
   * 获取应用文档目录
   */
  _getAppDocDirectory() async{
    Directory directory=await getApplicationDocumentsDirectory();
    print(directory.path);
  }


同样,也只需要一段代码即可,应用文档目录如下图所示:


获取外部存储目录

代码如下:

/***
   * 获取外部存储目录
   */
  _getSDCardDirectory() async{
    Directory directory=await getExternalStorageDirectory();
    print(directory.path);
  }


输入的外部存储目录的文件路径如下:

特别注意:虽然在Android手机上有外部存储概念,但是在IOS平台上没有外部存储目录的概念,这一点在实际开发中需要额外注意。


实战备忘录


讲解了如果操作文件后,我们这里通过一个备忘录项目,让大家熟悉的掌握文件存储的具体操作,首先,我们需要打包操作文件存储的类,让便后续调用,代码如下:

class FileHelpers{
  /***
   * 获取应用文档路径
   */
  Future<String> get _localPath async{
    final directory=await getApplicationDocumentsDirectory();
    return directory.path;
  }
  /***
   * 返回应用文档路径File
   */
  Future<File> get _localFile async{
    final path=await _localPath;
    return new File('$path/beiwanglu.txt');
  }
  /***
   * 读取文件中的数据
   */
  Future<String> readFile() async{
    try{
      final file=await _localFile;
      String data=await file.readAsString();
      print(data);
      return data;
    }catch(e){
      return "error";
    }
  }
  /***
   * 将文字存储到文件中
   */
  Future<File> writeFile(String data) async{
    final file=await _localFile;
    return file.writeAsString(data);
  }
}


读写都是通过readAsString以及writeAsString操作,其他的代码都有备注,这里就不在赘述了,下面开始设计我们的备忘录存储界面,代码如下:

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:path_provider/path_provider.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: '存储文件'),
    );
  }
}
class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
  /***
   * 获取临时目录
   */
  _getTempDirectory() async{
    Directory directory=await getTemporaryDirectory();
    print(directory.path);
  }
  /***
   * 获取应用文档目录
   */
  _getAppDocDirectory() async{
    Directory directory=await getApplicationDocumentsDirectory();
    print(directory.path);
  }
  /***
   * 获取外部存储目录
   */
  _getSDCardDirectory() async{
    Directory directory=await getExternalStorageDirectory();
    print(directory.path);
  }
  final TextEditingController textEditingController=new TextEditingController();
  String _data;
  FileHelpers fileHelpers=new FileHelpers();
  @override
  void initState() {
    super.initState();
    fileHelpers.readFile().then((String data){
      setState(() {
        _data=data;
      });
    });
  }
  /***
   * 存储数据
   */
  Future<File> _saveData() async{
    setState(() {
      _data=textEditingController.text;
    });
    return fileHelpers.writeFile(_data);
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          children: <Widget>[
            RaisedButton(
              child: Text('获取临时目录'),
              onPressed: _getTempDirectory,
            ),
            RaisedButton(
              child: Text('获取应用文档目录'),
              onPressed: _getAppDocDirectory,
            ),
            RaisedButton(
              child: Text('获取外部存储目录'),
              onPressed: _getSDCardDirectory,
            ),
            TextField(
              controller: textEditingController,
              autofocus: true,
              decoration: new InputDecoration(hintText: '请输入备忘录保存数据'),
            ),
            RaisedButton(
              child: Text('保存备忘录数据'),
              onPressed: _saveData,
            ),
            Text(
             _data ?? ''
            ),
          ],
        ),
      ),
    );
  }
}

界面除了一些简单的控件之外,没有特别需要主要的,本博文主要的文件存储代码在FileHelpers里面,掌握了FileHelpers就能完全掌握文件存储,最终实现的效果如首图所示。

相关文章
|
6月前
|
存储 缓存 Dart
Flutter笔记:目录与文件存储以及在Flutter中的使用(下)
Flutter笔记:目录与文件存储以及在Flutter中的使用(下)
694 0
|
6月前
|
存储 Dart 数据管理
Flutter笔记:目录与文件存储以及在Flutter中的使用(上)
Flutter笔记:目录与文件存储以及在Flutter中的使用(上)
473 0
|
1月前
|
Android开发 iOS开发 容器
鸿蒙harmonyos next flutter混合开发之开发FFI plugin
鸿蒙harmonyos next flutter混合开发之开发FFI plugin
|
5月前
|
开发框架 前端开发 测试技术
Flutter开发常见问题解答
Flutter开发常见问题解答
|
28天前
|
开发者
鸿蒙Flutter实战:07-混合开发
鸿蒙Flutter混合开发支持两种模式:1) 基于har包,便于主项目开发者无需关心Flutter细节,但不支持热重载;2) 基于源码依赖,利于代码维护与热重载,需配置Flutter环境。项目结构包括AppScope、flutter_module等目录,适用于不同开发需求。
69 3
|
13天前
|
传感器 开发框架 物联网
鸿蒙next选择 Flutter 开发跨平台应用的原因
鸿蒙(HarmonyOS)是华为推出的一款旨在实现多设备无缝连接的操作系统。为了实现这一目标,鸿蒙选择了 Flutter 作为主要的跨平台应用开发框架。Flutter 的跨平台能力、高性能、丰富的生态支持和与鸿蒙系统的良好兼容性,使其成为理想的选择。通过 Flutter,开发者可以高效地构建和部署多平台应用,推动鸿蒙生态的快速发展。
114 0
|
15天前
|
Dart 安全 UED
Flutter&鸿蒙next中的表单封装:提升开发效率与用户体验
在移动应用开发中,表单是用户与应用交互的重要界面。本文介绍了如何在Flutter中封装表单,以提升开发效率和用户体验。通过代码复用、集中管理和一致性的优势,封装表单组件可以简化开发流程。文章详细讲解了Flutter表单的基础、封装方法和表单验证技巧,帮助开发者构建健壮且用户友好的应用。
55 0
|
1月前
|
开发框架 移动开发 Android开发
安卓与iOS开发中的跨平台解决方案:Flutter入门
【9月更文挑战第30天】在移动应用开发的广阔舞台上,安卓和iOS两大操作系统各自占据半壁江山。开发者们常常面临着选择:是专注于单一平台深耕细作,还是寻找一种能够横跨两大系统的开发方案?Flutter,作为一种新兴的跨平台UI工具包,正以其现代、响应式的特点赢得开发者的青睐。本文将带你一探究竟,从Flutter的基础概念到实战应用,深入浅出地介绍这一技术的魅力所在。
74 7
|
28天前
|
编解码 Dart API
鸿蒙Flutter实战:06-使用ArkTs开发Flutter鸿蒙插件
本文介绍了如何开发一个 Flutter 鸿蒙插件,实现 Flutter 与鸿蒙的混合开发及双端消息通信。通过定义 `MethodChannel` 实现 Flutter 侧的 token 存取方法,并在鸿蒙侧编写 `EntryAbility` 和 `ForestPlugin`,使用鸿蒙的首选项 API 完成数据的读写操作。文章还提供了注意事项和参考资料,帮助开发者更好地理解和实现这一过程。
56 0
|
28天前
|
Dart Android开发
鸿蒙Flutter实战:03-鸿蒙Flutter开发中集成Webview
本文介绍了在OpenHarmony平台上集成WebView的两种方法:一是使用第三方库`flutter_inappwebview`,通过配置pubspec.lock文件实现;二是编写原生ArkTS代码,自定义PlatformView,涉及创建入口能力、注册视图工厂、处理方法调用及页面构建等步骤。
47 0