Flutter如何设置Switch组件的onChanged值 切换应用主题时代码报错怎么解决

问题根因 #

• 主题配置类存在语法错误
• 错误直接通过类名访问ChangeNotifier的实例成员，未正确通过状态管理获取实例

修复步骤 #

1 修复语法错误 #

AppStyleMode类中存在多余的右方括号，将代码：

primaryBG = Colors.black];

修改为：

primaryBG = Colors.black;

2 接入状态管理 #

AppStyleMode继承自ChangeNotifier，属于实例状态类，不能直接通过类名访问属性/方法，推荐配合provider库实现状态监听：

• 首先在pubspec.yaml中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  provider: ^6.1.1 # 可替换为最新稳定版本

• 在应用入口注册全局状态：

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

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => AppStyleMode(),
      child: const MyApp(),
    ),
  );
}

• 修改Switch组件代码，从上下文获取状态实例：

// 放在对应Widget的build方法内部
final appStyle = context.watch<AppStyleMode>();

Switch(
  value: appStyle.isSwitched, 
  onChanged: (value) => appStyle.switchMode()
)

修改完成后重新运行项目即可解决报错。

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