如何在颤动的应用栏中添加图标图像

【问题标题】：How to add back icon image in app bar in flutter如何在颤动的应用栏中添加图标图像
【发布时间】：2021-11-22 14:58:29
【问题描述】：

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

我需要自定义应用栏的返回按钮图片

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

【问题讨论】：

“后退图标图像”是什么意思？您想要一个将您重定向到应用程序上一个屏幕的按钮吗？

标签： flutter

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

通过使用此代码

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

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

AppBar(
automaticallyImplyLeading:true,
)

【讨论】：