flutter - 如何在 flutter 出的CircleAvatar小部件内的图像上添加Onclick事件？

Question

单击“我想打开警报对话框”时，circleAvatar内有一个圆形图像。
我的问题是如何在CircleAvatar中添加点击事件？

这是我的代码:

        Column(children: <Widget>[
        SizedBox(height: 32.0),
        CircleAvatar(
          radius: 55.0,
          backgroundImage: ExactAssetImage('assets/cat.jpg'),
        ),
        Container(
          height: 20.0,
        ),
        Text('01:29:30'),
        Text(
          'Avik Kumar Mandal',
          style: TextStyle(fontSize: 20),
        ),

预期:在圆形头像内的图像上的onclick事件
附言:这是单击后将出现一个对话框的个人资料图片。

Answer 1

您可以使用手势检测器包装圆形头像

Column(children: <Widget>[
        SizedBox(height: 32.0),
        GestureDetector(
                onTap: () {
                 //do what you want here
                },
                child:  CircleAvatar(
                       radius: 55.0,
                        backgroundImage: ExactAssetImage('assets/cat.jpg'),
                ), 
           ),

        Container(
          height: 20.0,
        ),
        Text('01:29:30'),
        Text(
          'Avik Kumar Mandal',
          style: TextStyle(fontSize: 20),
        ),

或者

InkWell(
  onTap: () => print("image clicked"),
  child: AnyWidget()
),

现在概括我的答案。

如果要将 OnClickListener设置为默认情况下未实现 onTap的某些小部件，则应使用 GestureDetector或 InkWeel包装小部件