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

Question

我是 flutter 的新手，所以我正在尝试合并两个不同的列表。 第一个列表是GridView.builder() ，第二个是ListView.builder() 。 第一个网格列表水平滚动，第二个列表视图垂直滚动。 当用户滚动第二个列表时，孔屏幕开始滚动。

Answer 1

您可以用Column()和SingleChildScrollView()包裹ListView.builder()和GridView.builder()这样您就可以在 Column() 中扭曲多个滚动视图，只需确保将物理设置为NeverScrollablePhysics()如果滚动方向相同。

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

希望这能解决您的问题。