Flutter页面刷新后保留数据：基于GetX的最优方案咨询

SharedPreference 存储 ID 后查询数据库是可行方案，但未必是最优选择，具体要结合你的业务场景判断，以下是不同场景的方案对比：

可行但有局限：用 SharedPreference 存储单条 ID #

如果你只需要保留最近一次创建的报告 ID，SharedPreference 完全够用，实现成本低：

1. 创建报告成功后，将 ID 存入 SharedPreference：

   final prefs = await SharedPreferences.getInstance();
   await prefs.setString('last_report_id', newReportId);
   

2. 控制器初始化时读取 ID，再查询数据库：

   @override
   void onInit() {
     super.onInit();
     _loadLastReport();
   }
   
   Future<void> _loadLastReport() async {
     final prefs = await SharedPreferences.getInstance();
     final lastId = prefs.getString('last_report_id');
     if (lastId != null) {
       final report = await db.getReportById(lastId);
       // 更新控制器变量，触发 UI 刷新
       update(['report_section']);
     }
   }
   

• 缺点：仅适合存储少量键值对，若需保存多个报告 ID，管理成本会升高，且数据可靠性不如本地数据库。

更优替代方案 #

1. 直接查询数据库最新报告（推荐） #

如果需求是展示最新创建的报告，无需额外存储 ID，直接从数据库读取创建时间最晚的条目即可：

// 控制器初始化时调用
Future<void> loadLatestReport() async {
  final latestReport = await db.getLatestReport(); // 数据库层实现按创建时间倒序取第一条
  if (latestReport != null) {
    this.currentReport = latestReport;
    update();
  }
}

• 优势：数据来源单一可靠，避免 SharedPreference 与数据库数据不一致的问题，无需冗余存储。

2. 用 GetX 自带的 GetStorage #

GetX 内置的 GetStorage 比 SharedPreference 更适配 GetX 生态，支持更多数据类型，用法类似但更轻量：

// main 函数初始化
await GetStorage.init();

// 控制器中存储 ID
final storage = GetStorage();
await storage.write('last_report_id', newReportId);

// 读取 ID 并查询
final lastId = storage.read<String>('last_report_id');
if (lastId != null) {
  final report = await db.getReportById(lastId);
  // 更新 UI
}

3. 全局状态管理（多页面共享场景） #

如果报告数据需要在多个页面共享，可将报告信息存入 GetX 全局控制器，结合数据库持久化：

class ReportController extends GetxController {
  final Rx<Report?> currentReport = Rx<Report?>(null);
  final db = DatabaseService();

  @override
  void onInit() {
    super.onInit();
    loadLatestReport();
  }

  Future<void> createReport(Report newReport) async {
    final savedId = await db.insertReport(newReport);
    final savedReport = await db.getReportById(savedId);
    currentReport.value = savedReport;
  }

  Future<void> loadLatestReport() async {
    final latest = await db.getLatestReport();
    currentReport.value = latest;
  }
}

• 优势：全局状态统一，页面刷新时控制器重新初始化，可直接从数据库拉取最新数据，无需依赖外部存储存 ID。

总结 #

• 单条最近报告 ID：SharedPreference/GetStorage 均可，GetStorage 更适配 GetX
• 展示最新报告：直接查询数据库最新条目是最优方案
• 多页面共享状态：全局 GetX 控制器 + 数据库持久化，状态更可靠

内容的提问来源于stack exchange，提问作者CodeDon