1. ホーム
  2. flutter

[解決済み] AppBarの先頭のアイコンの大きさを大きくする方法

2022-01-29 07:40:24

質問

Appbarの先頭のIconのサイズを大きくする方法を探しています。以下は私のコードです。 :

appBar: PreferredSize(
              preferredSize: Size.fromHeight(120.0),
              child: AppBar(
                leading: SizedBox(
                  width: 200,
                height: 200,
                child: IconButton(
                  padding: new EdgeInsets.all(0.0),
                  icon: Image.asset('assets/app_logo.png', height: 700.0, width: 700.0,)
                  ,
                )),
            centerTitle: true,
            actions: <Widget>[
              IconButton(
                  icon: Image.asset('assets/path.png'))
            ],
            bottom: TabBar(
                labelColor: Colors.white,
                indicatorColor: Colors.lime,

                tabs:[
                  Tab(icon: null,text: 'RECENT',),
                  Tab(icon: null, text: 'TOPICS',),
                  Tab(icon: null, text: 'AUTHORS',),
                ]
            ),
          )

上記のコードから、具体的に私が実装したサイズは以下の通りですが、うまくいきませんでした。

child: AppBar(
                    leading: SizedBox(
                      width: 200,
                    height: 200,
                    child: IconButton(
                      padding: new EdgeInsets.all(0.0),
                      icon: Image.asset('assets/app_logo.png', height: 700.0, width: 700.0,)
                      ,
                    )),

右上のアイコンをもっと大きくするのが目的なのですが、サイズが大きくなりません。

スクリーンショットは以下の通りです。

解決方法は?

を折り返すと、アイコンのサイズを大きくすることができます。 IconButtonTransform.scale を渡すと scale の値を2として、アイコンの大きさに合わせてください。以下、動作サンプルです。

centerTitle: true,
                actions: <Widget>[
                  Transform.scale(
                    scale: 2,
                    child: IconButton(
                        icon: Image.asset('assets/placeholder.png'))
                  ),

                ],

というように、アプバー内の右上のアイコンのサイズを大きくします。

また、左上のアイコンも同じように変更することができます。

ご質問の答えになれば幸いです。