title: Flutter: Horizontal listview break to next line and expandable
body: <p><a href="https://i.stack.imgur.com/WgnDP.png" rel="nofollow noreferrer">UI mockup</a></p>
  <p>I have this above UI to develop using Flutter. I have already put the <code>ListView.builder</code> widget to build a horizontal list.</p>
  <p><a href="https://i.stack.imgur.com/IxxiP.png" rel="nofollow noreferrer">Code so far</a></p>
  <pre><code>            Container(
            height: 60,
            padding: EdgeInsets.only(left: 10, right: 10,top:0),
            child: ListView.builder(
              physics: NeverScrollableScrollPhysics(),
              shrinkWrap: true,
              scrollDirection: Axis.horizontal,
              itemCount:storeProvider.categories.length,
              itemBuilder:(BuildContext context, int index) =&gt; GestureDetector(
                child: GestureDetector(
                  onTap: (){
                    FocusScope.of(context).requestFocus(new FocusNode());
                    if(storeProvider.cloudCategoryId ==  storeProvider.categories[index].id){
                      storeProvider.setCategoryId(&quot;&quot;);
                      storeProvider.resetCategory();
                    }else {
                      storeProvider.setCategoryId(
                          storeProvider.categories[index].id
                      );
                      storeProvider.resetCategory();
                      storeProvider.categories[index].productCategory.isSelected =
                      true;
                      storeProvider.searchStoreProducts(
                          context, storeProvider.keyword);
                    }
                  },
                  child:
                  storeProvider.categories[index].productCategory.category != null
                      ?SearchCategoryItem(
                    title: storeProvider.categories[index].productCategory.category,
                    isSelected: storeProvider.categories[index].productCategory.isSelected,
                  ):Container(),
                ),
              ),
            ),
          ),
  </code></pre>
  <p>But I couldn't find a way to break the pills to next line and limit to 3 lines. When we press the See more text it needs to expand and show all the pills.</p>