Stepper class

6409 ワード

Stepクラスはその名の通りstepすなわち順序を表すために主に用いられる.
順序またはステップ
  • を表すために使用される.
  • ある段階で別の段階を完了する必要がある場合、
  • は非常に有用である.
  • この点は、フォーム全体をコミットするために複数のフェーズが必要なフォームに特に役立ちます.
    すぐに例を見てみましょう
    example
      
      Widget build(BuildContext context) {
        return Stepper(
          currentStep: _index,
          onStepCancel: () {
            if (_index > 0) {
              setState(() {
                _index -= 1;
              });
            }
          },
          onStepContinue: () {
            if (_index <= 0) {
              setState(() {
                _index += 1;
              });
            }
          },
          onStepTapped: (int index) {
            setState(() {
              _index = index;
            });
          },
          steps: <Step>[
            Step(
              title: const Text('Step 1 title'),
              content: Container(
                  alignment: Alignment.centerLeft,
                  child: const Text('Content for Step 1')),
            ),
            const Step(
              title: Text('Step 2 title'),
              content: Text('Content for Step 2'),
            ),
          ],
        );
      }
    }
    フルコード:https://api.flutter.dev/flutter/material/Stepper-class.html
    Out Put

    これでcontinueを押して次のステップに進み、「cancel」をクリックして前のステップに進みます.
    コードを詳細に説明する場合はindexという変数を設定し、continueを選択すると1を追加します.
    「cancel」を選択すると、1が減算されます.
    この変数が0より大きい場合は、小さい場合を区別して、次のステップを続行するかどうかを決定します.
    これらの論理に基づいてstepperを用いてステップを表すことができる.