title: Flutter PageView inside Scrollable widgets
body: <p>in my application i have one pageview with some pages into that</p>
  
  <p>as you see i miss more size of screen</p>
  
  <p><a href="https://i.stack.imgur.com/FVsii.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FVsii.png" alt="enter image description here"></a></p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  main() {
    runApp(MaterialApp(
      theme: ThemeData(
        primarySwatch: Colors.indigo,
      ),
      home: App(),
    ));
  }
  
  class App extends StatefulWidget {
    @override
    State&lt;App&gt; createState() =&gt; _AppState();
  }
  
  class _AppState extends State&lt;App&gt; {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: CustomScrollView(
          slivers: &lt;Widget&gt;[
            SliverToBoxAdapter(
              child: Column(
                children: &lt;Widget&gt;[
                  Container(
                    height: MediaQuery.of(context).size.height,
                    child: Column(
                      children: &lt;Widget&gt;[
                        Padding(
                          padding: EdgeInsets.only(top: 50.0),
                          child: Text(
                            'test text',
                            textAlign: TextAlign.center,
                            style: TextStyle(color: Colors.black),
                          ),
                        ),
                        Expanded(
                          flex: 1,
                          child: PageView(
                            reverse: true,
                            onPageChanged: (i) {},
                            children: &lt;Widget&gt;[
                              ConstrainedBox(
                                constraints: const BoxConstraints.expand(),
                                child: Container(
                                  margin: EdgeInsets.fromLTRB(8.0, 8.0, 8.0, 12.0),
                                  child: Container(
                                    color: Colors.indigo[400],
                                    child: Column(
                                      children: &lt;Widget&gt;[
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('33333333333333')),
                                      ],
                                    ),
                                  ),
                                ),
                              ),
                              ConstrainedBox(
                                constraints: const BoxConstraints.expand(),
                                child: Container(
                                  margin: EdgeInsets.fromLTRB(8.0, 8.0, 8.0, 12.0),
                                  child: Container(
                                    color: Colors.indigo[400],
                                    child: Column(
                                      children: &lt;Widget&gt;[
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('33333333333333')),
                                      ],
                                    ),
                                  ),
                                ),
                              ),
                              ConstrainedBox(
                                constraints: const BoxConstraints.expand(),
                                child: Container(
                                  margin: EdgeInsets.fromLTRB(8.0, 8.0, 8.0, 12.0),
                                  child: Container(
                                    color: Colors.indigo[400],
                                    child: Column(
                                      children: &lt;Widget&gt;[
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('11111111111111')),
                                        Padding(padding: EdgeInsets.symmetric(vertical: 30.0), child: Text('33333333333333')),
                                      ],
                                    ),
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      );
    }
  }
  </code></pre>
  
  <p>how can i put this pageview into scrollable widgets such as listview without any problem?</p>
  
  <p>when i put it inside <code>listview</code> or <code>expandable</code> i get error</p>
  
  <p>what i want to have?</p>
  
  <blockquote>
    <p>ScrollableWidget [ container, pageview [ page1(), page1(), page3() ] ]</p>
  </blockquote>