我不知道如何将appBar的自动后退按钮更改为不同的颜色。它在脚手架下，我试图研究它，但我无法理解它。
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.white,
title: Image.asset(
'images/.jpg',
fit: BoxFit.fill,
),
centerTitle: true,
),
当前回答
全局设置后退按钮颜色
MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Demo',
theme: ThemeData(
appBarTheme: AppBarTheme(
backgroundColor: Colors.white,
iconTheme: IconThemeData(color: Colors.black), // set backbutton color here which will reflect in all screens.
),
),
home: LoginScreen(),
);
同时,
更改SliverAppBar
SliverAppBar(
iconTheme: IconThemeData(
color: Colors.white, //change your color here
),
其他回答
你可以像下面这样使用iconTheme:
iconTheme: IconThemeData(
color: Colors.black, // <= You can change your color here.
),
更改CupertinoPageScaffold的主色调
Theme(
data: Theme.of(context).copyWith(
cupertinoOverrideTheme: CupertinoThemeData(
scaffoldBackgroundColor: Colors.white70,
primaryColor: Styles.green21D877, // HERE COLOR OF LEADING
),
),
child: CupertinoPageScaffold(
navigationBar: CupertinoNavigationBar(
brightness: Brightness.light,
backgroundColor: Colors.white,
middle: Text('Cupertino App Bar'),
),
child: Container(
child: Center(
child: CupertinoActivityIndicator(),
),
),
),
)
你也可以通过'leading'来覆盖默认的后退箭头:
leading: new IconButton(
icon: new Icon(Icons.arrow_back, color: Colors.orange),
onPressed: () => Navigator.of(context).pop(),
),
AppBar小部件所做的就是在没有设置的情况下提供一个默认的“leading”小部件。
你也可以为应用程序设置领先的图标颜色
MaterialApp(
theme: ThemeData(
appBarTheme: AppBarTheme(
iconTheme: IconThemeData(
color: Colors.green
)
)
)
)
你可以使用foregroundColor属性。例如:
AppBar(
backgroundColor: Colors.white,
foregroundColor: Colors.black,
title: const Text('Black title and back icon on a white AppBar'),
)
