Flutter 步骤进度组件

移动开发作者： 2024-08-25 11:25:01

老孟导读：最近文章更新拖后腿了，一直忙着网站改版的事情，今天总算落地了，全新的Flutter网站即将上线，敬请期待。网站目前收集197个组件的详细用法，还有150多个组件待整理。 Stepper S

Stepper(
  steps: <Step>[
    Step(
      title: Text('2020-4-23'),content: Text('今天是2020-4-23')
    ),Step(
        title: Text('2020-4-24'),content: Text('今天是2020-4-24')
    ),Step(
        title: Text('2020-4-25'),content: Text('今天是2020-4-25')
    ),],)

Step(
  title: Text('2020-4-23'),subtitle: Text('老孟'),content: Text('今天是2020-4-23')
)

Step(
  title: Text('2020-4-23'),content: Text('今天是2020-4-23'),state: StepState.complete
)

Stepper(
  onStepCancel: (){
    print('onStepCancel');
  },onStepContinue: (){
    print('onStepContinue');
  },onStepTapped: (index){
    print('onStepTapped:$index');
  },...
)

int _currentStep = 0;
Stepper(
      onStepTapped: (index) {
        setState(() {
          _currentStep = index;
        });
      },currentStep: _currentStep,...
)

Stepper(
  controlsBuilder: (BuildContext context,{VoidCallback onStepContinue,VoidCallback onStepCancel}){
    return Row(
      children: <Widget>[],);
  },...
)

Stepper(
  controlsBuilder: (BuildContext context,VoidCallback onStepCancel}){
    return Row(
      children: <Widget>[
        RaisedButton(
          child: Text('确定'),onPressed: onStepContinue,),RaisedButton(
          child: Text('取消'),onPressed: onStepCancel,...
)

Stepper(
  controlsBuilder: (BuildContext context,VoidCallback onStepCancel}){
    return Row(
      children: <Widget>[
        FlatButton(
          child: Text('确定'),FlatButton(
          child: Text('取消'),onStepTapped: (index) {
    setState(() {
      _currentStep = index;
    });
  },onStepContinue: (){},onStepCancel: (){},...
)