在 flutter 中,我增加了应用栏中后退箭头的大小。但是当我将鼠标移到其顶部时,鼠标悬停的背景颜色已移动到下面的图像。如何更改和移动背景。
@override
Widget build(BuildContext context) {
return MaterialApp.router(
routerConfig: _router,
theme: ThemeData(
colorSchemeSeed: Color.fromARGB(255, 131, 104, 52),
useMaterial3: true,
appBarTheme: const AppBarTheme(
backgroundColor: Color.fromARGB(255, 240, 239, 237),
iconTheme: IconThemeData(size: 70, color: Colors.black, fill: 0.5, grade: 100, applyTextScaling: false, shadows: [
Shadow(
blurRadius: 15.0,
color: Colors.red,
offset: Offset(3.0, 3.0),
),
],),
toolbarHeight: 70,
),
scaffoldBackgroundColor: Color.fromARGB(230, 230, 230, 230),
inputDecorationTheme: const InputDecorationTheme(
filled: true,
fillColor: Colors.white,
),
),
);
}
虽然图标尺寸很大,但您需要增大appBar的
leadingWidth
。图标大小与工具栏高度相同也不是一个好的比例。
AppBar(
leadingWidth: 120
),