title: bottom overflowed by 42 px ,tried all my best cannot understand why this happens
body: <p>Even though I wrapped everything in a single child scroll view why it's overflowing on rotation can anyone help. I'm not sure but it could be due to sized boxes placed in between the children of the column. Also, I didn't want the single child scroll view to scroll. This is among my first few projects in the flutter</p>
  <pre><code>class SignIn extends StatefulWidget {
  @override
  _SignInState createState() =&gt; _SignInState();
  }
  
  class _SignInState extends State&lt;SignIn&gt; {
    bool _isHiddenPassword = true;
    @override
    Widget build(BuildContext context) {
      final topPadding = MediaQuery.of(context).padding.top;
      return GestureDetector(
        onTap: () {
          FocusScope.of(context).requestFocus(FocusNode());
        },
        **child: Scaffold(
          body: SingleChildScrollView(
            child: Container(
              height: MediaQuery.of(context).size.height,
              width: MediaQuery.of(context).size.width,**
              decoration: BoxDecoration(
                  gradient: LinearGradient(
                      begin: Alignment.topLeft,
                      end: Alignment.bottomRight,
                      colors: [
                    primary_gradient_color,
                    secondary_gradient_color,
                  ])),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  SizedBox(
                    height: topPadding,
                  ),
                  Text(
                    &quot;Fashion Ai&quot;,
                    style: logo_text_style(),
                  ),
                  SizedBox(
                    height: 12,
                  ),
                  Container(
                    height: 60,
                    width: MediaQuery.of(context).size.width - 60,
                    child: TextField(
                        controller: null,
                        style: simple_text_style(),
                        decoration: textFieldInputDecoration(&quot;Email&quot;)),
                  ),
                  SizedBox(
                    height: 6,
                  ),
                  Container(
                    height: 60,
                    width: MediaQuery.of(context).size.width - 60,
                    child: TextField(
                      obscureText: _isHiddenPassword,
                      controller: null,
                      style: simple_text_style(),
                      decoration: InputDecoration(
                          suffixIcon: GestureDetector(
                              onTap: () {
                                setState(() {
                                  _isHiddenPassword = !_isHiddenPassword;
                                });
                              },
                              child: Icon(
                                _isHiddenPassword
                                    ? Icons.visibility_off
                                    : Icons.visibility,
                                semanticLabel: _isHiddenPassword
                                    ? 'show password'
                                    : 'hide password',
                                color: Colors.white,
                                size: 16,
                              )),
                          focusedBorder: UnderlineInputBorder(
                              borderSide: BorderSide(color: Colors.white)),
                          enabledBorder: UnderlineInputBorder(
                              borderSide: BorderSide(color: Colors.white)),
                          hintText: &quot;Password&quot;,
                          hintStyle: TextStyle(
                            color: Colors.white,
                          )),
                    ),
                  ),
                  SizedBox(
                    height: 4,
                  ),
                  Container(
                    alignment: Alignment.centerRight,
                    child: Container(
                      padding: EdgeInsets.symmetric(horizontal: 24, vertical: 8),
                      child: Text(
                        &quot;Forgot Password?&quot;,
                        style: medium_text_style(),
                      ),
                    ),
                  ),
                  SizedBox(
                    height: 16,
                  ),
                  Container(
                    height: 60,
                    width: MediaQuery.of(context).size.width - 60,
                    child: Card(
                      shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(30)),
                      child: Container(
                        decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(30),
                            gradient: LinearGradient(
                                begin: Alignment.topLeft,
                                end: Alignment.bottomRight,
                                colors: [
                                  primary_button_gradient_color,
                                  secondary_button_gradient_color
                                ])),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            Text(
                              &quot;Sign in&quot;,
                              style: button_text_style(),
                            )
                          ],
                        ),
                      ),
                    ),
                  ),
                  SizedBox(
                    height: 6,
                  ),
                  Container(
                    height: 60,
                    width: MediaQuery.of(context).size.width - 60,
                    child: Card(
                      shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(30)),
                      child: Container(
                        decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(30),
                            gradient: LinearGradient(
                                begin: Alignment.topLeft,
                                end: Alignment.bottomRight,
                                colors: [
                                  primary_button_gradient_color,
                                  secondary_button_gradient_color
                                ])),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            SvgPicture.asset(
                              &quot;Assets/google.svg&quot;,
                              height: 20,
                              width: 20,
                            ),
                            SizedBox(
                              width: 15,
                            ),
                            Text(
                              &quot;Sign in with Google&quot;,
                              style: button_text_style(),
                            )
                          ],
                        ),
                      ),
                    ),
                  ),
                  SizedBox(height: 8,),
                  Container(
                    height: 15,
                    width: MediaQuery.of(context).size.width - 80,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Text(
                          &quot;Don't have account? &quot;,
                          style: simple_text_style(),
                        ),
                        InkWell(
                          onTap: (){
                            Navigator.pushAndRemoveUntil(
                                context,
                                MaterialPageRoute(builder: (builder) =&gt; SignUp()),
                                    (route) =&gt; false);
                          },
                          child: Text(
                            &quot;Register now&quot;,
                            style: medium_text_style(),
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
      );
    }
  }
  </code></pre>