小编典典

如何更改 appBar 后退按钮颜色

all

我无法弄清楚如何将 appBar 的自动后退按钮更改为不同的颜色。它在一个脚手架下,我试图研究它,但我无法绕着它转。

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

阅读 61

收藏
2022-07-04

共1个答案

小编典典

您必须使用iconThemeAppBar 中的属性,如下所示:

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,
),
2022-07-04