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

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

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

@override
  Widget 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属性,代码如下:

 @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: <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设定的主题不起作用的问题。

 
  • 7
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值