如何在 flutter 的应用程序栏中添加图标图像

Question

在 Flutter 中，我需要在 flutter 的应用栏中添加图标图像。 我是 flutter 的新手，学习和开发任何帮助将不胜感激。

我需要在应用栏中自定义后退按钮图像

请告诉我如何在 flutter 的应用栏中添加图标图像？

Answer 1

有一个小部件调用：BackButtonIcon()

AppBar(
   leading: IconButton(
   onPressed: () {
      Navigator.of(context).pop();
   },
   icon: const BackButtonIcon(),
                          ),)

Answer 2

如果您在 Scaffold 中使用AppBar小部件，当您使用Navigator推送新页面时，将自动显示后退箭头图标。

如果要手动添加图标，可以在 AppBar 内的leading属性中添加：

AppBar(
  leading: IconButton(
    icon: const BackButtonIcon(),
    onPressed: () { },
  )
);

Answer 3

当您从另一个屏幕导航时，后退图标按钮会自动启用。

通过使用此代码

Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => SecondRoute()),
  );

如果您已经从另一个屏幕导航但仍未显示，请稍微更改 AppBar 字段

AppBar(
automaticallyImplyLeading:true,
)