Flutter - 更改步进器 - 步进颜色

Question

有没有办法在不创建自定义 Stepper 的情况下更改 Steps 的颜色？当前步骤是蓝色的。

https://docs.flutter.io/flutter/material/Stepper-class.html
https://docs.flutter.io/flutter/material/Step-class.html

Answer 1

这些属性将于 2022 年 4 月生效

1. 浅色主题primary--活动状态，primary.withOpacity(0.38)将用于禁用状态。

2. 深色主题 - secondary- 活动状态，background- 禁用状态。

    body: SafeArea(
      child: Theme(
        data: ThemeData(
          canvasColor: Colors.yellow,
          colorScheme: Theme.of(context).colorScheme.copyWith(
                primary: Colors.green,
                background: Colors.red,
                secondary: Colors.green,
              ),
        ),
        child: Stepper(

深色模式下的结果。

Answer 2

将您的步进器包装在主题小部件中。

body: Theme(
    data: ThemeData(
                  accentColor: Colors.orange,
                  primarySwatch: Colors.orange,
                  colorScheme: ColorScheme.light(
                    primary: Colors.orange
                  )
                ),
    child: Stepper(
       steps: []
    ))

它会将步进器的索引颜色以及CONTINUE按钮颜色更改为橙​​色（根据您自己的要求设置颜色）。

Answer 3

步骤的颜色取决于ColorScheme.primary颜色，要更改它，您必须使用Stepper并Theme添加ThemeDatacolorScheme 属性，如下所示：

Theme(
  data: ThemeData(
          colorScheme: Theme.of(context).colorScheme.copyWith(primary: yourColor),
              ),
  child: Stepper(...),
      );

Answer 4

以下是我实现这一目标的方法：

body: Theme(
  data: ThemeData(
    accentColor: Colors.blueAccent
  ),
  child: Stepper(
    steps: []
  ),
)

基本上将您的步进器包装在主题小部件中并将其设置accentColor为ThemeData您想要的颜色。