[Flutter]SliverAppBarの最小限の高さを設定するには?

Flutter

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

SliverAppBarに最小限の高さを設定するには、どうしたらいいのでしょうか?

スポンサーリンク

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: [
          SliverAppBar(
            floating: true,
            collapsedHeight: 150, //最小限の高さ
            expandedHeight: 200,
            title: Text("Title"),
          ),
          SliverList(
              delegate: SliverChildListDelegate([
            for (var i = 0; i < 100; i++)
              ListTile(
                title: Text("item $i"),
              )
          ]))
        ],
      ),
    );
  }

最小限の高さを設定するには、「collapsedHeight」を使います。

この引数に指定した値が最小限の高さになります。

collapsedHeightに指定した値より小さくなった時点でSliverAppBarが非表示になります。

コメント

タイトルとURLをコピーしました