flutter theme:themeData() 统一设置主题颜色不起作用解决方法

flutter theme:themeData() 统一设置主题颜色不起作用解决方法

随着flutter组件的版本更新每一个组件的使用方法和作用都有了有些变化。今天我遇到的一个问题让我很头疼，网上找了很多没找到答案，试了好多方法最后找到了解决方法。

问题：flutter MaterialApp 通过theme属性统一设置主题颜色后不起作用。

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter企业站实战',
      debugShowCheckedModeBanner: false,
      //自定义主题
      theme: ThemeData(
          primaryColor: Colors.redAccent
      ),
      //静态路由配置
      routes: {
        "app":(BuildContext context) => AppPage(),
        "company_info" : (BuildContext context) => Company_info(),//公司信息页面
        "ProductPage" : (BuildContext context) => ProductPage(), //首页
      },
      home: LoadingPage(),//加载页面
    );
  }

常用的自定义主题是这样，但是我这样写没有看到预期的效果。primaryColor: Colors.redAccent没有任何效果。

theme: ThemeData(
    primaryColor: Colors.redAccent
),

解决方法: 需要用colorScheme属性，代码如下：

 @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter企业站实战',
      debugShowCheckedModeBanner: false,
      //自定义主题
      theme: ThemeData(
              colorScheme: const ColorScheme(
              primary: Colors.redAccent,//上方标题栏颜色
              primaryVariant: Colors.white,
              secondary: Colors.green,
              background: Colors.white,
              error: Colors.red,
              brightness:Brightness.light,
              onBackground: Colors.pink,
              secondaryVariant: Colors.white,
              onError: Colors.yellow,
              onPrimary: Colors.white,//字体颜色
              onSecondary: Colors.redAccent,
              onSurface: Colors.redAccent,
              surface: Colors.redAccent
              // all fields should have a value
              )
      ),
      //静态路由配置
      routes: {
        "app":(BuildContext context) => AppPage(),
        "company_info" : (BuildContext context) => Company_info(),//公司信息页面
        "ProductPage" : (BuildContext context) => ProductPage(), //首页
      },
      home: LoadingPage(),//加载页面
    );
  }

primary: Colors.redAccent,//主题颜色

onPrimary: Colors.white,//主题字体颜色

colorScheme必填选项比较多，都需要写上，否则会报错。这样解决theme设定的主题不起作用的问题。