[Flutter]入れ子になっているリストビュー(listview)をスクロールするには？

どうも、ちょげ(@chogetarou)です。

入れ子になっているリストビューをスクロールする方法を紹介します。

方法

入れ子になっているリストビューをスクロールする方法は、３つあります。

Physics

１つ目は、リストビューの引数「physics」を使う方法です。

具体的には、リストビューの引数「physics」に「ClampingScrollPhysics」もしくは「NeverScrollableScrollPhysics」を指定します。

ListView(
  children: [
      child: ListView.builder(
        physics : ClampingScrollPhysics(),
        shrinkWrap : true,
        children : [],
      ),
  ],
),

Container

２つ目は、Containerウェジェットを使う方法です。

まず、リストビューをContainerウェジェットの「child」に指定します。

そして、Containerウェジェットの引数「height」に高さを指定します。

ListView(
   children : [
        Container(
              height: /*高さ*/,
              child: ListView(
                    children : []
              ),
         ),
    ],
)

itemExtent

３つ目は、itemExtentを使う方法です。

具体的には、親のリストビューの引数「itemExtent」に要素の高さを指定します。

ListView(
  itemExtent: /*要素の高さ*/,
  children: [
    ListView(
      children: [],
    ),
  ],
),

まとめ

入れ子になっているリストビューをスクロールする方法は、次の３つです。

• physics
• Container
• itemExtent