title: Flutter nested ListView
body: <p>I have 2 <strong><code>ListViews</code></strong> the first one is one top of the page and shows stories so it's <code>horizontal</code> and the second one is Showing Posts so it's <code>vertical</code>.</p>
  <p>What I want is that when I <code>scroll</code> my posts I want the storys to disappear right now they are stuck on top of the page.</p>
  <p><strong>Explanation Video <a href="https://www.youtube.com/watch?v=qnJiHoldxXQ" rel="nofollow noreferrer">this</a></strong></p>
  <pre><code>@override
          Widget build(context) {
            return Scaffold(
            
              body: SafeArea(
                child: Column(
                  children: [
                  
                  Container(
                      padding: EdgeInsets.only(left: 15),
                      height: 90,
                      width: double.infinity,
                      child: StreamBuilder(
                        stream: masterListStart().asStream(),
                        builder: (context, snapshot) {
                      
                            return (ConnectionState.done == snapshot.connectionState)
                                //First Listview
                                ? ListView.builder(
                                    scrollDirection: Axis.horizontal,
                                    shrinkWrap: true,
                                    itemCount: storysList.length,
                                    itemBuilder: (context, index) {
                                      //
                                      StoryItems data = storysList[index];
                                      //
                                      return StoryItems(
                                        data: data,
                                      );
                                    },
                                  )
                                : CircularProgressIndicator();
                          }
                        },
                      ),
                    );
  
                    //Second ListView
                    Expanded(
                      child:  RefreshIndicator(
                        child: ListView(
                          children: posts,
                        ),
                        key: refreshkey,
                        onRefresh: () =&gt; refreshlist(),
                      );
                    ),
                  ],
                ),
              ),
            );
          }
  </code></pre>