Stepper class
6409 ワード
Stepクラスはその名の通りstepすなわち順序を表すために主に用いられる.
順序またはステップを表すために使用される. ある段階で別の段階を完了する必要がある場合、は非常に有用である. この点は、フォーム全体をコミットするために複数のフェーズが必要なフォームに特に役立ちます.
すぐに例を見てみましょう
example
Out Put
これでcontinueを押して次のステップに進み、「cancel」をクリックして前のステップに進みます.
コードを詳細に説明する場合はindexという変数を設定し、continueを選択すると1を追加します.
「cancel」を選択すると、1が減算されます.
この変数が0より大きい場合は、小さい場合を区別して、次のステップを続行するかどうかを決定します.
これらの論理に基づいてstepperを用いてステップを表すことができる.
順序またはステップ
すぐに例を見てみましょう
example
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'),
),
],
);
}
}
Widget
フルコード:https://api.flutter.dev/flutter/material/Stepper-class.htmlOut Put
これでcontinueを押して次のステップに進み、「cancel」をクリックして前のステップに進みます.
コードを詳細に説明する場合はindexという変数を設定し、continueを選択すると1を追加します.
「cancel」を選択すると、1が減算されます.
この変数が0より大きい場合は、小さい場合を区別して、次のステップを続行するかどうかを決定します.
これらの論理に基づいてstepperを用いてステップを表すことができる.
Reference
この問題について(Stepper class), 我々は、より多くの情報をここで見つけました https://velog.io/@kimhr9889/Stepper-classテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol