Flutter

Question

我想在 flutter 中创建一个像这样的过程动画小部件，随着页面浏览量从 1 变为 2。

欢迎提出任何建议

Answer 1

This can be achieved using the flutter widget Stepper, below is the basic implementation of Stepper Widget

的完整文章

Widget _tabStep() => Container(
    margin: EdgeInsets.only(top: 10),
    color: PURPLE,
    child: Stepper(
      steps: [
        Step(
          title: Text("First"),
          content: Text("This is our first example."),
        ),
        Step(
          title: Text("Second"),
          content: Text("This is our second example."),
        ),
        Step(
          title: Text("Third"),
          content: Text("This is our third example."),
        ),
        Step(
          title: Text("Forth"),
          content: Text("This is our forth example."),
        ),
      ],
      currentStep: _index,
      onStepTapped: (index) {
        setState(() {
          _index = index;
        });
      },
      onStepCancel: () {
        print("You are clicking the cancel button.");
      },
      onStepContinue: () {
        print("You are clicking the continue button.");
      },
    ),
  );

Flutter - 动画流程小部件

Flutter - Animated process widget

dart

flutter-animation