Flutter基础widgets教程-Stepper篇

时间:2022-07-26
本文章向大家介绍Flutter基础widgets教程-Stepper篇，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

1 Stepper

Stepper 是一个步骤条组件

2 构造函数

Stepper({
    Key key,
    @required this.steps,
    this.physics,
    this.type = StepperType.vertical,
    this.currentStep = 0,
    this.onStepTapped,
    this.onStepContinue,
    this.onStepCancel,
    this.controlsBuilder,
})

3 常用属性

3.1 steps：步骤内容

steps: <Step>[],

3.2 type：摆放方向，默认是垂直的，可以设置为水平的

type: StepperType.vertical,

3.3 currentStep：步骤位置

currentStep: 0,

3.4 onStepCancel：点击 cancel 时触发

onStepCancel: () {
    print();
},

3.5 onStepContinue：点击 continue 时触发

onStepContinue: () {
    print();
},

3.6 onStepTapped：状态改变时触发

onStepTapped: (step) {
    print(step);
},

随机文章
本站知识点必读
最近更新