title: How To Scroll To The Next Page PageView Flutter
body: <p>I have a horizontal form i built using page view builder. I want to know how I can scroll to the next page without using the scroll physics. Here is my code</p>
  
  <pre><code>import 'package:flutter/material.dart';
  import 'package:flutter_repo/screens/login.dart';
  import 'package:flutter_repo/utils/beziercontainer.dart';
  
  class SignUpPage extends StatefulWidget {
      SignUpPage({Key key, this.title}) : super(key: key);
  
      final String title;
  
      @override
      _SignUpPageState createState() =&gt; _SignUpPageState();
   }
  
   class _SignUpPageState extends State&lt;SignUpPage&gt; {
       PageController pageController;
  
  
       @override
       void initState() { 
       pageController = PageController(initialPage: 0);
  
       super.initState();
  
    }
  
    @override
    void dispose() {
       pageController.dispose();
       super.dispose();
    }
  
     @override
    Widget build(BuildContext context) {
      return Scaffold(
          body: 
      );
    }
  
     onNext(){
      if (pageController.hasClients) {
      pageController.animateToPage(2, duration: Duration(milliseconds: 300), curve: Curves.easeIn); 
    }
   }
  
   onComplete(){
  
   }
  
   Widget _registrationFields() {
      return PageView(
      physics: NeverScrollableScrollPhysics(),
      controller: pageController,
      children: &lt;Widget&gt;[
      Padding(
        padding: const EdgeInsets.symmetric(horizontal: 14.0),
        child: Column(
          children: &lt;Widget&gt;[
            _entryField("First Name"),
            SizedBox(
              height: 20,
            ),
            _submitButton(text: 'Continue', function: onNext())
          ],
        ),
      ),
       Padding(
         padding: const EdgeInsets.symmetric(horizontal: 14.0),
         child: Column(
          children: &lt;Widget&gt;[
            _entryField("Last Name"),
            SizedBox(
              height: 20,
            ),
            _submitButton(text: 'Continue', function: onNext())
          ],
      ),
       ),
      Padding(
        padding: const EdgeInsets.symmetric(horizontal: 14.0),
        child: Column(
          children: &lt;Widget&gt;[
            _entryField("Email Address"),
             SizedBox(
              height: 20,
            ),
             _submitButton(text: 'Continue', function: onNext())
          ],
        ),
      ),
      Padding(
        padding: const EdgeInsets.symmetric(horizontal: 14.0),
        child: Column(
          children: &lt;Widget&gt;[
            _entryField("Password", isPassword: true),
            SizedBox(
                height: 20,
              ),
               _submitButton(text: 'Continue', function: onNext())
          ],
        ),
      ),
       Padding(
        padding: const EdgeInsets.symmetric(horizontal: 14.0),
        child: Column(
          children: &lt;Widget&gt;[
            _entryField("Confirm Password", isPassword: true),
            SizedBox(
                height: 20,
              ),
               _submitButton(text: 'Continue', function: onNext())
          ],
        ),
      ),
        Padding(
        padding: const EdgeInsets.symmetric(horizontal: 14.0),
        child: Column(
          children: &lt;Widget&gt;[
            _entryField("Set PIN", isPassword: true),
            SizedBox(
                height: 20,
              ),
               _submitButton(text: 'Register', function: onNext())
          ],
        ),
      ),
    ],
  );
  }
  
  }
  </code></pre>
  
  <p>i want to animate to the next page on clicking the button. But it doesn't work at all. How can i make it work? Right now it does nothing. I have abstracted some of the unnecessary codes away for brevity.</p>