重新启动应用程序后如何保存添加的图标按钮的状态

Question

我是 dart 和 Flutter 的初学者，目前正在开发 Android 上的 Flutter 应用程序

我想让用户通过单击浮动添加按钮将文件夹形状的图标按钮添加到应用程序，但重新启动应用程序后我将无法访问添加的文件夹 (IconButton)；拯救我的状态的最佳方法是什么？ 这是返回新文件夹的类：

import 'package:flutter/material.dart';
 class Folder extends StatelessWidget {
  final String name;
  Folder(this.name);


  @override
  Widget build(BuildContext context) {
    return Container(
      // decoration: BoxDecoration(borderRadius: BorderRadius.circular(10), color: Colors.red),
      child: Column(children: [
        IconButton(
            icon: const Icon(
              Icons.folder,
              color: Colors.red,
            ),
            iconSize: 80,
            onPressed: null),
        Text(name),
      ]),
    );
  }
}

这是我认为应该存储在共享首选项中的文件夹对象列表：

List<Widget> A = [
    Column(
      children: [
        IconButton(
            icon: const Icon(Icons.folder, color: Colors.deepPurple),
            iconSize: 80,
            onPressed: null),
        Text("A")
      ],
    ),
    Column(
      children: [
        IconButton(
            icon: const Icon(
              Icons.folder,
              color: Colors.lightBlueAccent,
            ),
            iconSize: 80,
            onPressed: null),
        Text("B")
      ],
    ),
  ];

我还提供了它应该如何工作的屏幕截图，我真的需要知道如何保存我的更改。 提前谢谢你。

before after

Answer 1

App重启时使用该包保存和加载数据或状态

https://pub.dev/packages/shared_preferences

这是共享首选项类

import 'package:shared_preferences/shared_preferences.dart';
    
class UserDefault {
  static UserDefault instance = UserDefault._internal();
  factory UserDefault() => instance;

  UserDefault._internal();
  late SharedPreferences _prefs;

  init() async {
    _prefs = await SharedPreferences.getInstance();
  }
  
  set folder(List<String> folderList) {
    String folderListJsonString = jsonEncode(folderList);
    _prefs.setString("folder", folderListJsonString);
  }

  List<String> get folder {
    final jsonString = _prefs.getString("folder") ?? "";
    if (jsonString.isEmpty) return [];
    final folderList = jsonDecode(jsonString).cast<String>();
    return folderList;
  }

}

这是您需要使用或保存时的代码。

//save (maybe folder name)
UserDefault().folder = ["newfolder", "newfolder_two"];

//use
print(UserDefault().folder);

别忘了 pubspec.yaml 需要添加 shared_preferences 依赖项