鸿蒙NEXT+Flutter开发7-存储应用设置项

存储设置项可以让应用记住用户的个性化偏好。例如，用户可以根据自己的习惯设置应用的主题（如亮色模式或暗色模式）、字体大小、语言等。当用户下次打开应用时，这些设置能够自动应用，提供熟悉且舒适的使用体验。如果没有存储这些设置，用户每次打开应用都需要重新配置，这会极大地影响用户体验。

另外，APP要上架应用市场，在第一次下载并进入首页前，需要展示用户协议和隐私政策提醒，同意之后，之后运行就不需要提醒，这就需要记录一下，APP是否是第一次运行。

1.GetX与shared_preferences插件

GetX 是一个功能强大的 Flutter 插件，它提供了状态管理、路由管理、依赖注入等多种功能。其主要优势在于简单易用、性能高效，可以大大简化 Flutter 应用的开发流程。GetX插件作为一款纯dart语言实现的插件，在鸿蒙NEXT系统中可以直接使用。

Flutter插件中，能够提供存储功能的有很多，笔者更推荐使用shared_preferences进行简单设置的存储。鸿蒙NEXT社区对该插件做了适配工作，使其可以应用于鸿蒙NEXT系统。

插件配置

在pubspec.yaml中添加下面的代码，加入getx和shared_preferences的引用：

get: ^4.6.5

shared_preferences:

git:

url: "https://gitee.com/openharmony-sig/flutter_packages.git"

path: "packages/shared_preferences/shared_preferences"

同步插件

在终端输入如下命令，同步新加入的插件：

flutter pub get

2.存储功能的代码实现

我们中lib目录下新建common目录，将一些常用功能实现放入其中。其中再新建services目录存放服务功能，store目录里保存存储相关功能的文件。目录结构如下图所示：

其中services.dart主要功能为导出所有服务项，代码如下：

library services;

  

export './storage.dart';

storage.dart提供了基础的存储服务，代码如下：

import 'package:get/get.dart';

import 'package:shared_preferences/shared_preferences.dart';

  

class StorageService extends GetxService {

static StorageService get to => Get.find();

late final SharedPreferences _prefs;

  

Future<StorageService> init() async {

_prefs = await SharedPreferences.getInstance();

return this;

}

  

Future<bool> setString(String key, String value) async {

return await _prefs.setString(key, value);

}

  

Future<bool> setBool(String key, bool value) async {

return await _prefs.setBool(key, value);

}

  

Future<bool> setList(String key, List<String> value) async {

return await _prefs.setStringList(key, value);

}

  

String getString(String key, {String def = ""}) {

return _prefs.getString(key) ?? def;

}

  

bool getBool(String key, {bool def = false}) {

return _prefs.getBool(key) ?? def;

}

  

List<String> getList(String key, {List<String> def = const []}) {

return _prefs.getStringList(key) ?? def;

}

  

Future<bool> remove(String key) async {

return await _prefs.remove(key);

}

}

store.dart代码如下：

library store;

  

export './config.dart';

config.dart提供配置项管理功能，代码如下：

import 'package:get/get.dart';

  

import '../services/storage.dart';

  

class ConfigStore extends GetxController {

static ConfigStore get to => Get.find();

  

// 用户是否第一次打开app

static const String keyStorageIsFirstOpen = 'is_first_open';

bool _isFirstOpen = true;

bool get isFirstOpen => _isFirstOpen;

  

// 标记用户已打开APP

Future<bool> saveAlreadyOpen() {

return StorageService.to.setBool(keyStorageIsFirstOpen, false);

}

  

@override

void onInit() {

super.onInit();

_isFirstOpen = StorageService.to.getBool(keyStorageIsFirstOpen, def: true);

}

}

3.存储功能的初始化

通过上面的步骤，存储的功能已经实现了。在main.dart中，添加下面的代码，将对存储功能进行初始化，以便后期调用对应的功能。

import 'common/services/services.dart';

import 'common/store/store.dart';

  

Future init() async {

WidgetsFlutterBinding.ensureInitialized();

// 初始化存储服务

await Get.putAsync<StorageService>(() => StorageService().init());

// 创建配置库

Get.put<ConfigStore>(ConfigStore());

}

  

void main() async {

await init();

  

runApp(const MyApp());

}

本章简单介绍了为什么要存储设置项、GetX与shared_preferences插件配置，以及存储功能的实现与初始化。接下来的文章继续结合GetX插件，利用上面的配置项存储功能，实现用户协议和隐私政策提醒页面。