美文网首页FlutterflutterFlutter学习
Flutter Stepper(步骤条)

Flutter Stepper(步骤条)

作者: iwakevin | 来源:发表于2018-12-12 14:42 被阅读255次

Stepper 是一个步骤条组件。

new Stepper(
    currentStep: 0,  // <-- 激活的下标
    steps: <Step>[
        new Step(
            title: new Text('第一步'),
            content: new Text('第一步内容'),
            state: StepState.complete,
            isActive: true,
            subtitle: new Text('第一步小标题'),
        ),
        new Step(
            title: new Text('第二步'),
            content: new Text('第二步内容'),
        ),
        new Step(
            title: new Text('第三步'),
            content: new Text('第三步内容'),
        ),
    ],
)

Stepper 有以下常用属性:

  • currentStep → int - 步骤位置。
  • onStepCancel → VoidCallback - 点击 cancel 时触发。
  • onStepContinue → VoidCallback - 点击 continue 时触发。
  • onStepTapped → ValueChanged - 状态改变时触发。
  • steps → List - 步骤内容。
  • type → StepperType - 摆放方向,默认是垂直的,可以设置为水平的。

相关文章

网友评论

    本文标题:Flutter Stepper(步骤条)

    本文链接:https://www.haomeiwen.com/subject/orzuhqtx.html