1. ホーム
  2. flutter

[解決済み] appBarのバックボタンの色を変更する方法

2022-04-20 08:35:26

質問

appBarの自動戻るボタンを違う色に変更する方法がわかりません。足場の下にあるので調べてみたのですが、うまくいきません。

return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white,
        title: Image.asset(
          'images/.jpg',
          fit: BoxFit.fill,
        ),
        centerTitle: true,
      ),

解決方法は?

を使用する必要があります。 iconTheme プロパティを使用します。

appBar: AppBar(
  iconTheme: IconThemeData(
    color: Colors.black, //change your color here
  ),
  title: Text("Sample"),
  centerTitle: true,
),

また、戻るボタンを自分で処理したい場合。

appBar: AppBar(
  leading: IconButton(
    icon: Icon(Icons.arrow_back, color: Colors.black),
    onPressed: () => Navigator.of(context).pop(),
  ), 
  title: Text("Sample"),
  centerTitle: true,
),

さらに言えば、戻るボタンの色を変えたい場合のみ。

appBar: AppBar(
  leading: BackButton(
     color: Colors.black
   ), 
  title: Text("Sample"),
  centerTitle: true,
),