title: Flutter: singleChildScrollView into pageView with vertical scrollDirection
body: <p>I would like to use the <code>SingleChildScrollView</code> in a pageView with vertical scrolling, the problem is that scrolls conflict and the pageview stops scrolling and only <code>SingleChildScrollView</code> starts scrolling. I needed to move the registration form above the keyboard.</p>
  <p>the blue square is to show what I would like to move with the <code>SingleChildScrollView</code></p>
  <p>this is the main page:</p>
  <pre><code>    return Scaffold(
        resizeToAvoidBottomInset: false,
        body: PageView(
          controller: loginScreenPageController,
          scrollDirection: Axis.vertical,
          children: [
            const RegisterPage(),
            Column(children: &lt;Widget&gt;[
              ClipRRect(
                child: Container(
                  decoration: const BoxDecoration(
                    color: Colors.black,
                  ),
                  height: MediaQuery.of(context).size.height / 100 * screenHeight,
                  width: MediaQuery.of(context).size.width,
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text(&quot;NON HO UN ACCOUNT&quot;,
                          style: GoogleFonts.poppins(
                            color: Colors.white,
                            fontSize: 25,
                          )),
                      const Icon(
                        Icons.arrow_downward,
                        size: 100,
                        color: Colors.white,
                      ),
                      SizedBox(
                        height: downArrowAnimationSize,
                      ),
                    ],
                  ),
                ),
              ),
              Expanded(
                child: Container(
                  decoration: const BoxDecoration(
                    color: Color.fromARGB(255, 255, 133, 12),
                  ),
                  height: MediaQuery.of(context).size.height / 2,
                  width: MediaQuery.of(context).size.width,
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text(&quot;HO GIA' UN ACCOUNT&quot;,
                          style: GoogleFonts.poppins(
                            color: Colors.white,
                            fontSize: 25,
                          )),
                      const Icon(
                        Icons.arrow_upward,
                        size: 100,
                        color: Colors.white,
                      ),
                      SizedBox(
                        height: downArrowAnimationSize,
                      ),
                    ],
                  ),
                ),
              ),
            ]),
            const LoginPage()
          ],
        ),
      );
  </code></pre>
  <p>and this is the form page</p>
  <pre><code>  Widget build(BuildContext context) {
      return WillPopScope(
        onWillPop: () async =&gt; false,
        child: SingleChildScrollView(
          child: Container(
            color: const Color.fromARGB(255, 255, 133, 12),
            child: Column(
              children: [
                SizedBox(height: MediaQuery.of(context).size.height / 100 * 10),
                Image(
                    image:
                        const AssetImage(&quot;lib/assets/logo_app_bianco.png&quot;),
                    height: MediaQuery.of(context).size.height / 100 * 20),
                SizedBox(height: MediaQuery.of(context).size.height / 100 * 8),
                Padding(
                  padding: EdgeInsets.only(
                      left: MediaQuery.of(context).size.width / 100 * 10,
                      right: MediaQuery.of(context).size.width / 100 * 10),
                  child: TextFormField(
                    focusNode: emailFocusNode,
                    onFieldSubmitted: (_) =&gt; {passwordFocusNode.requestFocus()},
                    cursorColor: Colors.white,
                    style: GoogleFonts.poppins(color: Colors.white),
                    decoration: const InputDecoration(
                      labelText: &quot;E-Mail&quot;,
                      labelStyle: TextStyle(color: Colors.white),
                      focusColor: Colors.white,
                      enabledBorder: UnderlineInputBorder(
                          borderSide: BorderSide(color: Colors.white)),
                      focusedBorder: UnderlineInputBorder(
                        borderSide: BorderSide(color: Colors.white),
                      ),
                    ),
                  ),
                ),
                SizedBox(height: MediaQuery.of(context).size.height / 100 * 3),
                Padding(
                  padding: EdgeInsets.only(
                      left: MediaQuery.of(context).size.width / 100 * 10,
                      right: MediaQuery.of(context).size.width / 100 * 10),
                  child: TextFormField(
                    style: GoogleFonts.poppins(color: Colors.white),
                    obscureText: _isObscure,
                    focusNode: passwordFocusNode,
                    cursorColor: Colors.white,
                    decoration: InputDecoration(
                      labelText: &quot;Password&quot;,
                      suffixIcon: IconButton(
                          onPressed: () {
                            
                            setState(() {
                              _isObscure = !_isObscure;
                            });
                          },
                          icon: Icon(
                            _isObscure ? Icons.visibility : Icons.visibility_off,
                            color: Colors.white,
                          )),
                      labelStyle: const TextStyle(color: Colors.white),
                      focusColor: Colors.white,
                      enabledBorder: const UnderlineInputBorder(
                          borderSide: BorderSide(color: Colors.white)),
                      focusedBorder: const UnderlineInputBorder(
                        borderSide: BorderSide(color: Colors.white),
                      ),
                    ),
                  ),
                ),
                Padding(
                  padding: EdgeInsets.only(
                      top: MediaQuery.of(context).size.height / 100 * 2,
                      right: MediaQuery.of(context).size.width / 100 * 10),
                  child: Align(
                    alignment: AlignmentDirectional.centerEnd,
                    child: GestureDetector(
                      onTap: () {},
                      child: Text(
                        &quot;Password Dimenticata?&quot;,
                        style:
                            GoogleFonts.poppins(color: Colors.white, fontSize: 10),
                      ),
                    ),
                  ),
                ),
                SizedBox(
                  height: MediaQuery.of(context).size.height / 100 * 3,
                ),
                SizedBox(
                  width: MediaQuery.of(context).size.width / 100 * 80,
                  child: ElevatedButton(
                      style: ElevatedButton.styleFrom(primary: Colors.white),
                      onPressed: () {
                        _showMyDialog();
                      },
                      child: Text(
                        &quot;Accedi&quot;,
                        style: GoogleFonts.poppins(color: Colors.black),
                      )),
                ),
                SizedBox(
                  height: MediaQuery.of(context).size.height / 100 * 5,
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Flexible(
                      child: Padding(
                        padding: EdgeInsets.only(
                            left: MediaQuery.of(context).size.width / 100 * 10),
                        child: Container(
                          color: Colors.white,
                          width: MediaQuery.of(context).size.width / 100 * 15,
                          height: MediaQuery.of(context).size.height / 100 * 0.2,
                        ),
                      ),
                    ),
                    Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Text(&quot;Oppure Collegati con&quot;,
                          style: GoogleFonts.poppins(color: Colors.white)),
                    ),
                    Flexible(
                      child: Padding(
                        padding: EdgeInsets.only(
                            right: MediaQuery.of(context).size.width / 100 * 10),
                        child: Container(
                          color: Colors.white,
                          width: MediaQuery.of(context).size.width / 100 * 15,
                          height: MediaQuery.of(context).size.height / 100 * 0.2,
                        ),
                      ),
                    ),
                  ],
                ),
                SizedBox(
                  width: MediaQuery.of(context).size.width / 100 * 80,
                  child: ElevatedButton(
                      style: ElevatedButton.styleFrom(
                          primary: const Color.fromARGB(255, 66, 103, 178)),
                      onPressed: () =&gt; _showMyDialog(),
                      child: Text(&quot;Facebook&quot;,
                          style: GoogleFonts.poppins(color: Colors.white))),
                )
              ],
            ),
          ),
        ),
      );
    }
  </code></pre>