尝试创建一个以档案图像为图标的导航抽屉

Question

我正试图在我的flutter应用程序中创建一个导航抽屉，但我希望它有一个圆形化身图像作为图标，而不是默认的树水平线。请问有没有办法做到这一点？？感谢提供的任何帮助

Answer 1

leading: Builder(
builder: (BuildContext context) {
return IconButton(
// icon: const Icon(Icons.access_alarm_rounded),
icon: Container(
child: Hero(
tag: 'Profile Picture',
child: CircleAvatar(
backgroundImage: NetworkImage(
'googleUserUrl'),
),
),
),
onPressed: () {
Scaffold.of(context).openDrawer();
},
tooltip: MaterialLocalizations.of(context).openAppDrawerTooltip,
);
},
),

Answer 2

您应该先用谷歌搜索如何实现这一点，然后自己尝试。如果你遇到自己无法解决的错误，那么你应该来这里提问。

我会为你提供一些链接或帖子来帮助你。

首先，跟随这篇文章学习如何将图像添加到您的项目中。然后，这是获得圆形头像的官方文件。此外，这是一个已经回答的关于这个问题的问题

Answer 3

首先，有很多资源可以帮助你做到这一点。你可以找到谷歌来实现这一点，让我分享一些你想要的图片asset_image或network_image，然后将此图像用于appbar小部件，将action_widget作为参数，然后使用popupmenuButton，然后使用clipoval

示例

actions: <Widget>[
PopupMenuButton<String>(
icon: Container(
child: ClipOval(
child: Align(
heightFactor: 1,
widthFactor: 1,
child: Image.network(googleUserUrl),
),
)
),