更改 CircularProgressIndicator 和 LinearProgressIndicator 的颜色
Posted
技术标签:
【中文标题】更改 CircularProgressIndicator 和 LinearProgressIndicator 的颜色【英文标题】:Change color of CircularProgressIndicator and LinearProgressIndicator 【发布时间】:2021-09-10 10:34:25 【问题描述】:是否可以使用MaterialApp
的theme
全局更改CircularProgressIndicator
和LinearProgressIndicator
的颜色为强调色?
(在以前版本的颤振中,默认颜色是强调色,升级颤振后它是原色)
在 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
,我们可以全局自定义CircularProgressIndicator
和LinearProgressIndicator
的颜色
【讨论】:
以上是关于更改 CircularProgressIndicator 和 LinearProgressIndicator 的颜色的主要内容,如果未能解决你的问题,请参考以下文章