單個 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){
                     ...
                  }
                ),
              ],
           ),
      );

希望這能解決您的問題。