MENU

【Flutter】AppBarの高さを変更する方法

記事内に商品プロモーションが含まれる場合があります

AppBarの高さを変更する方法を2種類紹介します。

目次

toolbarHeightプロパティを使用する方法

AppBarウィジェットはtoolbarHeightプロパティを持っているので、この値を変更することで高さを変更できます。

appBar: AppBar(
  title: Text('Custom Height AppBar'),
  toolbarHeight: 100.0, // ここを適切な高さに変更
),

PreferredSizeウィジェットを使用する方法

PreferredSizeウィジェットを使用して高さを変えることもできます。

このウェジェットのpreferredSizeという引数に高さを設定することで変更できます。

appBar: PreferredSize(
  preferredSize: Size.fromHeight(100.0), // ここを適切な高さに変更
  child: AppBar(
    title: Text('Custom Height AppBar'),
  ),
),

Flutterが学べる書籍

Share

Comment

コメントする

目次