前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter基础widgets教程-Stepper篇

Flutter基础widgets教程-Stepper篇

原创
作者头像
青年码农
发布2020-10-10 17:12:54
5910
发布2020-10-10 17:12:54
举报
文章被收录于专栏:青年码农青年码农

1 Stepper

Stepper 是一个步骤条组件

2 构造函数

代码语言:javascript
复制
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:步骤内容

代码语言:javascript
复制
steps: <Step>[],

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

代码语言:javascript
复制
type: StepperType.vertical,

3.3 currentStep:步骤位置

代码语言:javascript
复制
currentStep: 0,

3.4 onStepCancel:点击 cancel 时触发

代码语言:javascript
复制
onStepCancel: () {
    print();
},

3.5 onStepContinue:点击 continue 时触发

代码语言:javascript
复制
onStepContinue: () {
    print();
},

3.6 onStepTapped:状态改变时触发

代码语言:javascript
复制
onStepTapped: (step) {
    print(step);
},

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 Stepper
  • 2 构造函数
  • 3 常用属性
    • 3.1 steps:步骤内容
      • 3.2 type:摆放方向,默认是垂直的,可以设置为水平的
        • 3.3 currentStep:步骤位置
          • 3.4 onStepCancel:点击 cancel 时触发
            • 3.5 onStepContinue:点击 continue 时触发
              • 3.6 onStepTapped:状态改变时触发
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档