更改 CircularProgressIndicator 和 LinearProgressIndicator 的颜色

Posted

技术标签:

【中文标题】更改 CircularProgressIndicator 和 LinearProgressIndicator 的颜色【英文标题】:Change color of CircularProgressIndicator and LinearProgressIndicator 【发布时间】:2021-09-10 10:34:25 【问题描述】:

是否可以使用MaterialApptheme 全局更改CircularProgressIndicatorLinearProgressIndicator 的颜色为强调色? (在以前版本的颤振中,默认颜色是强调色,升级颤振后它是原色)

在 dart pad 中尝试以下代码,如果可能,我想在不链接 primarySwatch 的情况下全局更改进度颜色

import 'package:flutter/material.dart';

void main() 
  runApp(MyApp());


class MyApp extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    return MaterialApp(
      theme: ThemeData(
        accentColor: Colors.red,
        primarySwatch: Colors.green,
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: CircularProgressIndicator(),
        ),
      ),
    );
  


【问题讨论】:

我认为它甚至不是原色,但至少对我来说是默认的蓝色。 更改原色时颜色发生变化 奇怪。对我来说不是。我在 Flutter 稳定频道 2.2.2 上。 @WebMaster 是的,它会改变,因为它是由主题的强调色控制的。检查我的答案 @JigarPatel 尝试设置primarySwatch 【参考方案1】:

通过包裹ProgressIndicatorTheme,我们可以全局自定义CircularProgressIndicatorLinearProgressIndicator的颜色

【讨论】:

以上是关于更改 CircularProgressIndicator 和 LinearProgressIndicator 的颜色的主要内容,如果未能解决你的问题,请参考以下文章

在运行时更改方向更改 ViewControllers

UIScrollView 更改 contentOffset 时更改框架

HAC集群更改IP(单节点更改全部节点更改)

HAC集群更改IP(单节点更改全部节点更改)

设备方向更改时更改 UIImage

phpmyadmin 在更改任何值时更改日期