Flutter: как я могу изменить тему с помощью переключателя во Flutter - я реализовал эту светлую и темную тему с помощью поставщика, но не могу изменить с помощью переключателя

Question

Я использовал провайдера для смены тем, это код для светлой и темной темы. Тему можно правильно изменить кнопкой, используя "режим int". Но когда я использую "режим bool" из-за переключателя. Для переключателя требуется значение true или false. Пожалуйста, помогите мне реализовать этот переключатель для изменения светлой и темной темы. Мне нужен переключатель, а не кнопка. Спасибо.

    import 'package:flutter/material.dart';

class AppStyleModeNotifier extends ChangeNotifier {
  bool mode = true; //0 for light and 1 for dark
  Color primaryBackgroundColor = Colors.white;
  Color appBarBackgroundColor = Colors.cyan[200];
  Color boxColor = Colors.blue[50];
  Color boxTextColor = Colors.indigo;
  Color primaryTextColor = Colors.white;
  Color dashboardColor = Colors.cyan;
  Color dashboardTextColor = Colors.red[600];
  Color dashboardIconColor = Colors.yellow[200];
  //Color typeMessageBoxColor = Colors.grey[200];

  switchMode() {
    if (mode == true) {
      //if it is light mode currently switch to dark
      primaryBackgroundColor = Colors.grey[900];
      appBarBackgroundColor = Colors.grey[800];
      // boxColor = Colors.grey[600];
      boxColor = Colors.black;
      boxTextColor = Colors.grey[100];
      primaryTextColor = Colors.black;
      dashboardColor = Colors.grey[900];
      dashboardTextColor = Colors.grey[400];
      dashboardIconColor = Colors.white;
      //typeMessageBoxColor = Colors.grey[800];
      mode = false;
    } else {
      //if it is dark mode currently switch to light
      primaryBackgroundColor = Colors.white;
      appBarBackgroundColor = Colors.cyan[200];
      boxColor = Colors.tealAccent;
      boxTextColor = Colors.indigo;
      primaryTextColor = Colors.white;
      dashboardColor = Colors.cyan;
      dashboardTextColor = Colors.red[600];
      dashboardIconColor = Colors.yellow[200];
      //typeMessageBoxColor = Colors.grey[200];
      mode = true;
    }

    notifyListeners();
  }
}

** Ниже приведен переключатель для изменения светлой и темной темы. Этот переключатель работает неправильно, есть ли ошибка в коде. Вместо переключателя с помощью кнопки работает нормально. Пожалуйста, помогите мне **

    import 'package:provider/provider.dart';
import '../FreelanceTheme/AppStyleModeNotifier.dart';

class HomePage extends StatelessWidget with NavigationStates {

  const HomePage({Key key, this.onMenuTap}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final appStyleMode = Provider.of<AppStyleModeNotifier>(context);
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Color(0xffE5E5E5),
        appBar: AppBar(
          elevation: 0,
          backgroundColor: appStyleMode.appBarBackgroundColor,
          actions: <Widget>[
            Switch(
              value: appStyleMode.mode,
              onChanged: appStyleMode.switchMode(),
            ),

Answer 1

Измените свой код на этот, он будет работать.

Switch(
  value: appStyleMode.mode,
  onChanged: (value)=> appStyleMode.switchMode(),
),