Flutter跳转页面后shared_preferences失效问题求助

你遇到的核心问题是：通过MaterialPageRoute跳转后返回BlueSettings页面时，initState中打印的"Current value:"为null，但直接使用该页面时功能正常。这说明页面在路由跳转/返回的生命周期中，状态或依赖数据的传递/保留出现了问题，以下是针对性的排查点和解决方法：

1. 检查跳转时的参数传递 #

如果BlueSettings的初始化依赖外部传入的数据，需确认通过MaterialPageRoute跳转时是否正确传递了参数：

• 构造函数传参：

  // 跳转时正确传递参数（示例）
  Navigator.push(context, MaterialPageRoute(
    builder: (context) => BlueSettings(currentValue: yourTargetValue)
  ));
  

  若跳转时遗漏传递构造函数参数，initState自然无法获取到值。

• 路由arguments传参：
  如果通过RouteSettings.arguments传递数据，需确保跳转时携带参数：

  Navigator.push(context, MaterialPageRoute(
    builder: (context) => BlueSettings(),
    settings: RouteSettings(arguments: yourTargetValue)
  ));
  

  并在BlueSettings的initState中正确读取：

  @override
  void initState() {
    super.initState();
    final value = ModalRoute.of(context)?.settings.arguments;
    print("Current value: $value");
  }
  

2. 页面重建导致状态丢失 #

当从其他页面返回时，BlueSettings可能因路由栈管理被销毁重建，导致临时状态丢失。可通过AutomaticKeepAliveClientMixin保持页面状态：

class BlueSettings extends StatefulWidget {
  // ... 你的组件代码
}

class _BlueSettingsState extends State<BlueSettings> with AutomaticKeepAliveClientMixin {
  @override
  bool get wantKeepAlive => true; // 开启状态保留

  @override
  void initState() {
    super.initState();
    // 你的初始化逻辑
  }

  @override
  Widget build(BuildContext context) {
    super.build(context); // 必须调用此方法
    return Scaffold(/* ... 页面内容 */);
  }
}

这个Mixin会阻止页面在路由栈中被隐藏时销毁状态，返回时能保留之前的初始化数据。

3. 监听返回值并更新状态 #

如果"Current value"需要从跳转后的页面返回并更新，需在跳转时通过async/await获取返回值，再触发状态更新：

// 跳转时等待返回结果
final updatedValue = await Navigator.push(context, MaterialPageRoute(
  builder: (context) => YourOtherPage()
));

// 返回后更新状态（在父页面或BlueSettings内部处理）
if (updatedValue != null) {
  setState(() {
    currentValue = updatedValue;
  });
}

同时，避免仅在initState中初始化值——initState仅在页面首次创建时执行，返回时不会重新触发，可将值的读取逻辑移至didChangeDependencies或didUpdateWidget中，确保依赖变化时能重新获取数据。

4. 全局状态管理检查 #

如果使用全局状态管理工具（如Provider、GetX等），需确保状态在路由跳转过程中被正确保留，且BlueSettings在initState中正确监听状态：

// 示例：使用Provider获取全局状态
@override
void initState() {
  super.initState();
  final state = Provider.of<YourState>(context, listen: false);
  final currentValue = state.targetValue;
  print("Current value: $currentValue");
}

若状态未全局持久化，仅依赖页面局部状态，跳转后状态丢失是必然结果，需改用全局状态管理或本地存储（如SharedPreferences）保存关键数据。

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