单个 flutter 屏幕上的两个列表 GridViewBuilder 和 ListViewBuilder

Question

I'm fresh new to flutter, so I'm trying to merge two different list. The first list is GridView.builder() and second is ListView.builder() . The first grid list scroll horizontal and second list view scroll vertical. When user scroll the second list the hole screen start scrolling.

Answer 1

You can Wrap your ListView.builder() and GridView.builder() with a Column() and a SingleChildScrollView() This way you can warp multiple scroll views within a Column(), just make sure to set the physics to NeverScrollablePhysics() if the scroll Direction is the same.

SingleChildScrollView(
   child: Column(
      children :[ 
          GrdiView.builder(
              axis: Axis.Horizontal
              itemBuilder:(_, index){
                     ...
                  }
               ),
           ListView.builder(
              physics: NeverScrollableScrollPhysics()
              shrinkWarp: true,
               itemBuilder:(_, index){
                     ...
                  }
                ),
              ],
           ),
      );

Hope this solves your issue.