使用SharedPreferences持久化Flutter开关按钮状态遇困求助

你的代码存在几个核心问题导致状态无法持久化，以下是修复方案：

问题分析 #

• 用字符串存储布尔状态，冗余且易出现类型匹配错误，SharedPreferences原生提供setBool/getBool方法专门处理布尔值
• 初始化方法getValueFlag仅更新了selectFlag，未同步更新开关绑定的value变量，导致页面重启后开关状态无法恢复
• 开关状态改变时，完全未调用保存方法将新状态写入SharedPreferences，修改后的状态根本没被持久化
• onChanged回调里的逻辑过于冗余，直接利用参数即可完成状态切换，无需额外判断字符串

修复后的完整代码 #

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';

class New extends StatefulWidget {
  const New({Key? key}) : super(key: key);

  @override
  State<New> createState() => _NewState();
}

class _NewState extends State<New> {
  // 直接用单个布尔变量管理开关状态，无需额外字符串标记
  bool _switchValue = false;

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

  // 从SharedPreferences加载保存的状态
  Future<void> _loadSwitchState() async {
    final prefs = await SharedPreferences.getInstance();
    // 读取布尔值，首次打开默认false
    setState(() {
      _switchValue = prefs.getBool('selected_displayFlag') ?? false;
    });
  }

  // 保存开关状态到SharedPreferences
  Future<void> _saveSwitchState(bool value) async {
    final prefs = await SharedPreferences.getInstance();
    await prefs.setBool('selected_displayFlag', value);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Switch(
        value: _switchValue,
        activeColor: Colors.black,
        onChanged: (newValue) {
          setState(() {
            _switchValue = newValue;
          });
          // 状态改变时立即保存
          _saveSwitchState(newValue);
        },
      ),
    );
  }
}

关键改动说明 #

• 移除冗余的selectFlag字符串变量，直接用_switchValue管理状态，逻辑更清晰
• 使用getBool和setBool方法读写布尔状态，避免字符串转布尔的潜在错误
• 初始化时调用_loadSwitchState，直接将保存的状态赋值给开关，确保页面重启后状态恢复
• 开关状态改变时立即调用_saveSwitchState，保证新状态被持久化
• 简化onChanged逻辑，直接利用回调参数完成更新，代码更简洁

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