我不知道如何将appBar的自动后退按钮更改为不同的颜色。它在脚手架下，我试图研究它，但我无法理解它。
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.white,
title: Image.asset(
'images/.jpg',
fit: BoxFit.fill,
),
centerTitle: true,
),
当前回答
你必须使用AppBar中的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,
),
其他回答
appBar: AppBar(
iconTheme: IconThemeData(
color: Colors.white, //modify arrow color from here..
),
);
它似乎更容易只是创建一个新的按钮，并添加颜色，这里我是如何做的任何人都想知道
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
leading: BackButton(
color: Colors.black
),
你可以使用foregroundColor属性。例如:
AppBar(
backgroundColor: Colors.white,
foregroundColor: Colors.black,
title: const Text('Black title and back icon on a white AppBar'),
)
你也可以通过'leading'来覆盖默认的后退箭头:
leading: new IconButton(
icon: new Icon(Icons.arrow_back, color: Colors.orange),
onPressed: () => Navigator.of(context).pop(),
),
AppBar小部件所做的就是在没有设置的情况下提供一个默认的“leading”小部件。
AppBar(
automaticallyImplyLeading: false,
leading: Navigator.canPop(context)
? IconButton(
icon: Icon(
Icons.arrow_back,
color: Colors.black,
size: 47,
),
onPressed: () => Navigator.of(context).pop(),
)
: null,
);
