title: Scrolling a PageView
body: <p>I want to use a <code>PageView</code> with vertical axis and move between the pages using the mouse-scroll, but when I use the mouse-scroll the page don't scroll... The page only scroll when I click and swipe to up/down.</p>
  
  <p>There is any way to do that?</p>
  
  <p><em>I want to keep the property <code>pageSnapping: true</code></em></p>
  
  <p>The problem:</p>
  
  <p>When I try to mouse-scroll the page, it don't change, it just back to initial offset.
  But when I click and swipe works...</p>
  
  <p><a href="https://i.stack.imgur.com/zI8G2.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zI8G2.gif" alt="Problem exemple"></a></p>
  
  <pre><code>class Body extends StatefulWidget {
  
    @override
    _BodyState createState() =&gt; _BodyState();
  }
  
  class _BodyState extends State&lt;Body&gt; {
    PageController _controller = PageController(keepPage: true);
  
    @override
    void initState() {
      super.initState();
   }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: Container(
          height: Sizing.size.height,
          width: Sizing.size.width,
          child: Stack(
            children: &lt;Widget&gt;[
              PageView(
                scrollDirection: Axis.vertical,
                controller: _controller,
                children: &lt;Widget&gt;[
                  Container(color: Colors.red),
                  Container(color: Colors.blue),
                  Container(color: Colors.orange),
                ],
              ),
            ],
          ),
        ),
      );
    }
  }
  </code></pre>