我在我的桌面应用程序中使用了 Material Design 的 Stepper 和 Flutter。但如图所示,Stepper 有一个默认的 BoxShadow,我想将其删除。我已经查看了构建步进器的 stepper.dart 文件,但我找不到任何会导致阴影的装饰。
这是我的 Stepper 实现的摘录:
child: Padding(
padding: const EdgeInsets.all(80.0),
child: Stepper(
steps: steps,
type: StepperType.horizontal,
currentStep: currentStep,
onStepContinue: next,
onStepCancel: cancel,
onStepTapped: (step) => goTo(step),
),
),
我猜测这是材料设计中的某种配置,它会自动为步进器分配阴影。
有没有办法配置/删除步进器的阴影?
如果你进入源代码,你会看到
Material
小部件和 elevation: 2.0
所以,我认为你有两个选择:
Theme(
data: ThemeData(shadowColor: Colors.transparent),
child: Padding(
padding: const EdgeInsets.all(80.0),
child: Stepper(
steps: steps,
type: StepperType.horizontal,
currentStep: currentStep,
onStepContinue: next,
onStepCancel: cancel,
onStepTapped: (step) => goTo(step),
),
),
),
我认为如果您询问步进器的标高属性,通常它会给出步进器中的阴影和标高
步进器( 海拔:0, 类型:StepperType.horizontal, 当前步骤:当前步骤, 连接器颜色:MaterialStateProperty.resolveWith(getColors), onStepCancel: () => 当前步骤 == 0 ?无效的 : 设置状态(() { 当前步数=当前步数-1; }), onStepContinue: () { bool isLastStep = (currentStep == getSteps().length - 1); 如果(是最后一步){ } 别的 { 设置状态((){ 当前步数 += 1; }); } }, onStepTapped: (步骤) => setState(() { 当前步=步; }), 步骤: getSteps(), ),
以这种设置海拔的方式:我认为0会起作用。