Flutter SharedPreferences修改后无法实时更新，重启才生效的问题

核心问题分析 #

你已经将语言设置保存到SharedPreferences，但没有在保存后主动触发UI刷新，也未同步更新APP全局语言环境，导致只有重启APP才会读取新设置。

具体修复步骤 #

1. 完善语言选择后的状态更新逻辑

在showModalBottomSheet的语言选择回调中，保存语言到SharedPreferences后，立即调用setState更新当前页面的_selectedLanguage：

onTap: () {    
  showModalBottomSheet(
    context: context,
    builder: (context) {
      return Column(
        children: [
          ListTile(
            title: Text("英语"),
            onTap: () async {
              // 保存语言到SharedPreferences
              await LocalPreference.saveSelectedLanguage("英语");
              // 实时更新当前页面状态
              setState(() {
                _selectedLanguage = "英语";
              });
              Navigator.pop(context);
              // 触发全局语言环境更新
              _updateAppLocale();
            },
          ),
          ListTile(
            title: Text("法语"),
            onTap: () async {
              await LocalPreference.saveSelectedLanguage("法语");
              setState(() {
                _selectedLanguage = "法语";
              });
              Navigator.pop(context);
              _updateAppLocale();
            },
          ),
        ],
      );
    },
  );
}

2. 全局同步更新APP语言环境

如果你的APP通过MaterialApp的locale属性控制全局语言，需要在根组件中提供语言更新能力，让所有页面同步切换：

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  Locale? _currentLocale;

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

  // 加载已保存的语言设置
  Future<void> _loadSavedLocale() async {
    String? lang = await LocalPreference.getSelectedLanguage();
    setState(() {
      _currentLocale = lang == "法语" ? Locale("fr") : Locale("en");
    });
  }

  // 提供给子组件调用的语言更新方法
  void updateLocale(Locale newLocale) {
    setState(() {
      _currentLocale = newLocale;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      locale: _currentLocale,
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: const [
        Locale("en"), // 英语
        Locale("fr"), // 法语
      ],
      home: Home(updateLocale: updateLocale), // 将更新方法传入Home页
    );
  }
}

接着在Home页接收并调用该方法：

class Home extends StatefulWidget {
  final Function(Locale) updateLocale;

  const Home({Key? key, required this.updateLocale}) : super(key: key);

  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  // ... 原有代码

  void _updateAppLocale() {
    Locale newLocale = _selectedLanguage == "法语" ? Locale("fr") : Locale("en");
    widget.updateLocale(newLocale);
  }
}

3. 补充SharedPreferences工具类的保存方法

给LocalPreference类添加保存语言的方法，让操作更规范：

class LocalPreference {
  static String selectedLanguageKey = "language";
  static SharedPreferences? _prefs;

  static Future<SharedPreferences?> init() async {
    _prefs = await SharedPreferences.getInstance();
    return _prefs;
  }

  static String? getSelectedLanguage() {
    return _prefs?.getString(selectedLanguageKey);
  }

  // 新增保存语言的方法
  static Future<void> saveSelectedLanguage(String language) async {
    await _prefs?.setString(selectedLanguageKey, language);
  }
}

效果验证 #

完成上述修改后，切换语言时，当前页面的语言显示会实时更新，同时整个APP的语言环境也会同步切换，无需重启应用。

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