dependencies:
  json_annotation: ^4.0.0

dev_dependencies:
  build_runner: ^1.0.0
  json_serializable: ^4.0.0

flutter packages pub run build_runner build

fluro: ^2.0.3

class Routes {
  static String root = "/";
  static String web = "/web_page";
  static String index = "/index";
  static void configureRoutes(FluroRouter router) {

    router.notFoundHandler = new Handler(
        handlerFunc: (BuildContext? context, Map<String, List<String>> params) {
         print("ROUTE WAS NOT FOUND !!!");
    });

    /// 第一个参数是路由地址，第二个参数是页面跳转和传参，第三个参数是默认的转场动画
    router.define(root, handler: rootHandler, transitionType: TransitionType.cupertino);
    router.define(index, handler: indexHandler, transitionType: TransitionType.fadeIn);
    router.define(web, handler: webHandler, transitionType: TransitionType.cupertino);
  }
}

class Application{
  static late FluroRouter router;
}

// 注册 fluro routes
void main() {
  FluroRouter router = FluroRouter();
  Routes.configureRoutes(router); // Routes参考 routes/routes
  Application.router = router;

  runApp(MyApp());
}

MaterialApp(
    title: 'Welcome to Flutter',
    onGenerateRoute: Application.router.generator,
)

class WTheme with ChangeNotifier {

  static ColorModel light = ColorModel(
    background: WColor.bg_light,
    ……
  );

  static ColorModel black = ColorModel(
    background: WColor.bg_dark,
    ……
  );

  ColorModel current = black;

  switchTheme() {
    current = current == light ? black : light;
    notifyListeners(); // 通知更新
  }
}

// 配置，这里配置到App上；其他部分使用的Provider可以配置到某个页面
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (_) => WTheme()),
      ],
      child: MaterialApp(
        title: 'Welcome to Flutter',
        navigatorKey: Application.navGK,
        onGenerateRoute: Application.router.generator,
        builder: EasyLoading.init(),
      ),
    );
  }
}

Container(
  color: context.watch<WTheme>().current.background, // 使用watch 会监听变化
  child: Column()
)

// 可以使用扩展简化使用
extension whteme_provider_context on BuildContext {
  /// 扩展属性
  ColorModel get wTheme => this.watch<WTheme>().current;
}

Container(
  color: context.wTheme.background, // 使用watch 会监听变化
  child: Column()
)

// 修改主题
context.watch<WTheme>().current.switchTheme()