Top 10 Flutter Widgets That You Should Know Know as a Flutter Developer

Flutter Knowledge Sharing #56

Widgets are the main building block of the Flutter. It’s essential to have sound knowledge of widgets when developing a Flutter app. Let’s go one by one.

1. Stepper

It will allow you to create a step-by-step flow. In the stepper widget, we start with the current step at zero, then we add the widget stepper, and inside we need to have the steps argument, which is a list of steps. Inside a step, we have the title and the content. This creates a one-step flow then we can add two more steps. We can click on continue to change the step.

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'),
    ),
  ],
);