flutter UI：如何創建跟蹤訂單 UI？

Question

我想創建訂單跟蹤 UI，但我不知道如何創建它。

這是我的 UI，我想創建這樣的 UI。

Answer 1

您可以使用Stepper小部件。 來自文檔的示例

  int _index = 0;

  @override
  Widget build(BuildContext context) {
    return Stepper(
      currentStep: _index,
      onStepCancel: () {
      },
      onStepContinue: () {
      },
      onStepTapped: (int 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'),
        ),
      ],
    );

還要檢查im_stepper

Answer 2

您可以使用它來顯示訂單的跟蹤詳細信息。