Question

是否可以在不创建自定义步进器的情况下更改步进颜色？当前步骤为蓝色。

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

Answer 1

将步进器包裹在主题小部件中。

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

它将步进器的 index 颜色以及 CONTINUE 按钮的颜色更改为橙色（根据您的要求设置颜色）。

Answer 2

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

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

Answer 3

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

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

基本上将步进器包装在主题小部件中。

Answer 4

将步进器包裹在主题小部件中

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

Answer 5

Ctrl +右键单击Step（它将带您转到Stepper.dart文件）在这里，您可以找到该步骤的所有配置和颜色。对我来说，更改此代码即可更改继续enter image description here平面按钮。

Answer 6

从1.22.0版开始，步进按钮的颜色由ThemeData.colorScheme而非ThemeData.primaryColor确定。

颤振-更改步进器-步进颜色

6 个答案: