title: Flutter Stepper Vertical/Horizontal Overflow
body: <p>I have Stepper more then 3 Steps.</p>
  
  <p>Stepper Working Properly <code>Vertical</code> direction but when i switch <code>Horizontal</code> with <code>FloatingActionButton</code> then <strong>Overflow</strong> Pixel.</p>
  
  <p>Attached <strong>ScreenShot:-</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Jpujg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jpujg.png" alt="enter image description here"></a><a href="https://i.stack.imgur.com/Zgpnz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Zgpnz.png" alt="enter image description here"></a></p>
  
  <p>My <strong>Code:-</strong></p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  class StepperEx extends StatefulWidget {
    @override
    _StepperExState createState() =&gt; _StepperExState();
  }
  
  class _StepperExState extends State&lt;StepperEx&gt; {
    int _currentStep = 0;
    StepperType stepperType = StepperType.vertical;
  
    switchStepType() {
      setState(() =&gt; stepperType == StepperType.vertical
          ? stepperType = StepperType.horizontal
          : stepperType = StepperType.vertical);
    }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        resizeToAvoidBottomPadding: false,
        appBar: AppBar(
          title: Text('Stepper Example'),
        ),
        body: Column(
          children: &lt;Widget&gt;[
            Expanded(
              child: Stepper(
                //physics: ClampingScrollPhysics(),
                steps: _stepper(),
                type: stepperType,
                currentStep: this._currentStep,
                onStepTapped: (step) {
                  setState(() {
                    this._currentStep = step;
                  });
                },
                onStepContinue: () {
                  setState(() {
                    if (this._currentStep &lt; this._stepper().length - 1) {
                      this._currentStep = this._currentStep + 1;
                    } else {
                      //Logic
                      print('complete');
                    }
                  });
                },
                onStepCancel: () {
                  setState(() {
                    if (this._currentStep &gt; 0) {
                      this._currentStep = this._currentStep - 1;
                    } else {
                      this._currentStep = 0;
                    }
                  });
                },
              ),
            ),
          ],
        ),
        floatingActionButton: FloatingActionButton(
          child: Icon(Icons.swap_horizontal_circle),
          onPressed: switchStepType,
        ),
      );
    }
  
    List&lt;Step&gt; _stepper() {
      List&lt;Step&gt; _steps = [
        Step(
            title: Text('Name'),
            content: Column(
              children: &lt;Widget&gt;[
                TextFormField(
                  decoration: InputDecoration(labelText: 'First Name'),
                ),
                TextFormField(
                  decoration: InputDecoration(labelText: 'Last Name'),
                ),
              ],
            ),
            isActive: _currentStep &gt;= 0,
            state: StepState.complete),
        Step(
            title: Text('Email'),
            content: Column(
              children: &lt;Widget&gt;[
                TextFormField(
                  decoration: InputDecoration(labelText: 'Email Address'),
                ),
                TextFormField(
                  decoration: InputDecoration(labelText: 'Recovery Email'),
                ),
              ],
            ),
            isActive: _currentStep &gt;= 1,
            state: StepState.disabled),
        Step(
            title: Text('Mobile No.'),
            content: Column(
              children: &lt;Widget&gt;[
                TextFormField(
                  decoration: InputDecoration(labelText: 'Mobile No.'),
                ),
                TextFormField(
                  decoration:
                      InputDecoration(labelText: 'Alternative Mobile No.'),
                ),
              ],
            ),
            isActive: _currentStep &gt;= 2,
            state: StepState.editing),
        Step(
            title: Text('Address'),
            content: Column(
              children: &lt;Widget&gt;[
                TextFormField(
                  decoration: InputDecoration(labelText: 'Address 1'),
                ),
                TextFormField(
                  decoration: InputDecoration(labelText: 'Address 2'),
                ),
              ],
            ),
            isActive: _currentStep &gt;= 3,
            state: StepState.error),
        Step(
            title: Text('Password'),
            content: Column(
              children: &lt;Widget&gt;[
                TextFormField(
                  decoration: InputDecoration(labelText: 'Password'),
                ),
                TextFormField(
                  decoration: InputDecoration(labelText: 'Confirm Password'),
                ),
              ],
            ),
            isActive: _currentStep &gt;= 4,
            state: StepState.indexed),
      ];
      return _steps;
    }
  }
  </code></pre>