如何在页面切换或关闭应用时保存文本框的“上次输入值”并解决页面跳转后数据重置问题？

嘿，看起来你在开发一个成本利润计算类的应用对吧？你遇到的两个问题本质上都是数据持久化和跨页面状态共享的问题，我给你拆解一下具体的解决思路和实现方案：

一、解决“保留上次输入值”的问题：持久化存储 #

要让应用重启后还能保留之前的输入，你需要把TextField的值保存到本地持久化存储里，而不是只存在内存中。根据你的应用类型，推荐用轻量的键值对存储（比如Flutter的SharedPreferences、iOS的UserDefaults、Android的SharedPreferences），足够应付这些零散的字段。

具体步骤：

• 给每个TextField绑定状态变量，并且在输入变化时，实时把值写入持久化存储
• 应用启动/页面初始化时，从持久化存储中读取之前保存的值，填充到TextField中

以Flutter为例，给你一个简化的实现示例：

1. 创建全局数据模型类 #

这个类负责封装所有页面的字段，同时提供加载和保存方法：

class AppData {
  // 第一页字段
  String feed;
  double price;
  // ... 其他9个第一页字段

  // 第二页字段
  double salary;
  double rent;
  // ... 其他13个第二页字段

  AppData({
    required this.feed,
    required this.price,
    required this.salary,
    required this.rent,
    // 初始化所有其他字段，给默认值（比如空字符串、0.0）
  });

  // 从SharedPreferences加载数据
  static Future<AppData> loadFromStorage() async {
    final prefs = await SharedPreferences.getInstance();
    return AppData(
      feed: prefs.getString('feed') ?? '',
      price: prefs.getDouble('price') ?? 0.0,
      salary: prefs.getDouble('salary') ?? 0.0,
      rent: prefs.getDouble('rent') ?? 0.0,
      // 其他字段同理，读取不到就用默认值
    );
  }

  // 保存数据到SharedPreferences
  Future<void> saveToStorage() async {
    final prefs = await SharedPreferences.getInstance();
    await prefs.setString('feed', feed);
    await prefs.setDouble('price', price);
    await prefs.setDouble('salary', salary);
    await prefs.setDouble('rent', rent);
    // 其他字段逐一保存
  }
}

2. 页面初始化时加载数据 #

在每个页面的初始化方法中，调用loadFromStorage()把之前保存的值填充到TextField的控制器里：

@override
void initState() {
  super.initState();
  _loadSavedData();
}

Future<void> _loadSavedData() async {
  final savedData = await AppData.loadFromStorage();
  // 给TextField控制器赋值
  _feedController.text = savedData.feed;
  _priceController.text = savedData.price.toString();
  // 其他字段同理
}

3. 输入变化时实时保存 #

给每个TextField添加onChanged回调，输入内容变化时就更新数据模型并保存：

TextField(
  controller: _feedController,
  onChanged: (value) {
    savedData.feed = value;
    savedData.saveToStorage();
  },
  decoration: InputDecoration(labelText: '饲料'),
)

二、解决“返回第一页修改后第二页值重置”的问题：全局状态管理 #

这个问题的核心是：你之前的页面状态是各自独立的，每次进入第二页都会重新初始化TextField的值（用默认值），而不是复用之前输入的内容。解决办法是用全局状态管理，让所有页面共享同一个数据源，这样不管怎么跳转，数据都是同步的。

推荐用简单的状态管理方案（比如Flutter的Provider/Riverpod，或者原生的单例类），这里以Riverpod为例：

1. 创建状态管理类 #

用StateNotifier来管理全局的AppData，确保所有页面都读取同一个实例：

final appDataProvider = StateNotifierProvider<AppDataNotifier, AppData>((ref) {
  return AppDataNotifier();
});

class AppDataNotifier extends StateNotifier<AppData> {
  AppDataNotifier() : super(AppData(feed: '', price: 0.0, salary: 0.0, rent: 0.0)) {
    // 初始化时加载保存的数据
    _loadSavedData();
  }

  Future<void> _loadSavedData() async {
    final data = await AppData.loadFromStorage();
    state = data;
  }

  // 更新第一页字段的方法，保留其他字段的值
  void updateFirstPageFields({String? feed, double? price}) {
    state = AppData(
      feed: feed ?? state.feed,
      price: price ?? state.price,
      salary: state.salary,
      rent: state.rent,
      // 其他字段保留现有值
    );
    state.saveToStorage(); // 实时保存
  }

  // 更新第二页字段的方法
  void updateSecondPageFields({double? salary, double? rent}) {
    state = AppData(
      feed: state.feed,
      price: state.price,
      salary: salary ?? state.salary,
      rent: rent ?? state.rent,
      // 其他字段保留现有值
    );
    state.saveToStorage();
  }
}

2. 页面中使用全局状态 #

在第一页和第二页，都从全局状态中读取值，而不是自己维护独立的控制器：

// 第一页读取状态
final appData = ref.watch(appDataProvider);
final notifier = ref.read(appDataProvider.notifier);

TextField(
  controller: TextEditingController(text: appData.feed),
  onChanged: (value) {
    notifier.updateFirstPageFields(feed: value);
  },
  decoration: InputDecoration(labelText: '饲料'),
)

// 第二页读取状态
final appData = ref.watch(appDataProvider);
final notifier = ref.read(appDataProvider.notifier);

TextField(
  controller: TextEditingController(text: appData.salary.toString()),
  onChanged: (value) {
    notifier.updateSecondPageFields(salary: double.tryParse(value) ?? 0.0);
  },
  decoration: InputDecoration(labelText: '薪资'),
)

这样一来，不管你在哪个页面修改数据，全局状态都会同步更新，并且实时保存到本地。当你从第三页返回第一页修改后，再进入第二页时，读取的是最新的全局状态值，自然不会被重置了。

总结 #

• 用持久化存储解决“重启保留输入”的问题，确保数据不会因为应用关闭而丢失
• 用全局状态管理解决“跨页面数据重置”的问题，让所有页面共享同一个数据源，状态同步更新

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