尝试使用个人资料图像创建导航抽屉作为颤动中的图标

Posted 2023-02-23

【中文标题】尝试使用个人资料图像创建导航抽屉作为颤动中的图标

【英文标题】：Trying to create navigation drawer with profile image as icon in flutter

【发布时间】：2021-02-20 23:45:44

【问题描述】：

我正在尝试在我的颤振应用程序中创建一个导航抽屉，但是我希望它有一个圆形头像图像作为图标而不是默认的树水平线。请问有没有办法实现这个？？任何帮助表示赞赏

【参考方案1】：

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

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

首先，请关注post 了解如何将图像添加到您的项目中。 那么this就是获取圈子头像的官方文档。另外，this 是关于此问题的已回答问题

【参考方案2】：

首先，有很多资源可以帮助你，你可能会找到谷歌来实现这一点，让我分享一些你想要的图像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),
                    ),
                  )
                ),

【参考方案3】：

 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,
            );
          ,
        ),