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

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

@overrideWidget build(BuildContext context) {return MaterialApp(title: 'Flutter企业站实战',debugShowCheckedModeBanner: false,//自定义主题theme: ThemeData(primaryColor: Colors.redAccent),//静态路由配置routes: <String,WidgetBuilder>{"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属性，代码如下：

 @overrideWidget 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: <String,WidgetBuilder>{"app":(BuildContext context) => AppPage(),"company_info" : (BuildContext context) => Company_info(),//公司信息页面"ProductPage" : (BuildContext context) => ProductPage(), //首页},home: LoadingPage(),//加载页面);}

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

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

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

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

php在liunx系统中设置777权限不起作用解决方法
1.检测文件夹是否存在,不存在则创建 if(!file_exists($mul)){ mkdir($mul,0777); //开头的0必须带着 chmod($mul,0777); } 注意:只写777 ...
flutter基于provider状态管理设置主题颜色、实现简单登录、注册功能---页面+逻辑
一.provider状态管理设置主题颜色第一步: 安装依赖库 provider: ^4.3.2+3 第二步: 创建共享数据模型 import 'package:flutter/material.da ...
Mac截图工具snipaste如何设置主题颜色？
mac截图工具snipaste怎么设置主题颜色呢?简单几个步骤就搞定了,需要的朋友欢迎参考哦! 具体方法如下 1.打开snipaste. 2.点击菜单栏上的首选项. 3.点击界面. 4.点击常规. 5 ...
Office如何设置主题颜色/主题色
主题颜色/主题色是什么? 主题颜色/主题色就是默认颜色,我们点击Office任何一个颜色选择按钮,显示如下: 最上面一行就是主题颜色,尤其是第4至10个颜色我们插入任意形状,形状填充的默认就是第4个 ...
Win11主题下载一直转圈怎么办？Win11主题下载一直转圈的解决方法
众所周知Win11的很多主题都是可以在微软商店进行下载的,但最近有不少小伙伴在下载主题的过程中一直出现转圈圈的现象,无法正常的下载,那么我们遇到这种情况应该怎么办呢?下面就和小编一起俩看看Win11主 ...
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...
golang github.com/go-sql-driver/mysql 遇到的数据库,设置库设计不合理的解决方法
golang github.com/go-sql-driver/mysql 遇到的数据库,设置库设计不合理的解决方法,查询中报了以下这个错 Scan error on column index 2: ...
在ie6下文字颜色不兼容的解决方法
在ie6下文字颜色不兼容的解决方法,我设的导航文字是白色的,在别的浏览器是正常的,只有在ie6下文字显示黑色,经过测试 color: #fff !important; 加!important强制变颜色 ...
在移动端设置overflow:hidden禁止滚动的解决方法
在移动端设置overflow:hidden禁止滚动的解决方法参考文章: (1)在移动端设置overflow:hidden禁止滚动的解决方法 (2)https://www.cnblogs.com/ko ...

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

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

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

解决方法:

需要用colorScheme属性，代码如下：

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

最新文章

热门文章