如何在 CircleAvatar 上放置指向菜单的链接?有可能吗?

Posted

技术标签:

【中文标题】如何在 CircleAvatar 上放置指向菜单的链接?有可能吗?【英文标题】:How I can put a link to a menu on a CircleAvatar? Is possible? 【发布时间】:2019-11-21 17:35:27 【问题描述】:

我有一个 circleAvatar 小部件,我想在我的 Avatar 中放置一个链接之类的东西来重定向另一个菜单。

我认为类似于 onPressed() 但这仅在 Icon 小部件中。

【问题讨论】:

尝试添加一些您已经尝试过的代码。 btb,尝试使用 InkWell 小部件? 【参考方案1】:

当您有不可点击的小部件时,请使用GestureDetector,此小部件允许您对点击、平移、双击、长按等事件做出反应...

GestureDetector(
  onTap: () 
    // Your code here!!!!
  ,
  child: YourCircleAvatarWidget(),
)

查看docs page了解更多信息。

【讨论】:

【参考方案2】:

使用Inkwell 例如,

           InkWell(
                onTap: ()
                   // do something here
                 ,
                child: CircleAvatar(
                radius: 70.0,
                backgroundImage: NetworkImage(
                    'https://a.githubusercontent.com/u/a?s=460&v=4'),
            ),
           ),

【讨论】:

以上是关于如何在 CircleAvatar 上放置指向菜单的链接?有可能吗?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 菜单 - 如何在菜单上放置箭头以表示子菜单?

如何在 dijit 菜单上放置垂直滚动条

服务器上必须保留空主机头,如何放置恶意域名指向呢?

Flutter中常用的组件-CircleAvatar

Flutter CircleAvatar backgroundImage没有填满圆圈

在 ListTile 中更改 CircleAvatar 大小