Image 如何使用按钮制作图像图标以更改图像（如google）：

我想在我的个人资料屏幕中创建一张用户的个人资料照片，用一个按钮或一个创造性的东西来改变这张照片，比如谷歌：

但我现在得到的是：

CircleAvatar(
半径：75，
背景颜色：Colors.grey.shade200，
孩子：圆环星(
半径：70，
背景图像：AssetImage（'assets/images/default.png'），
)
),

---

如何添加谷歌示例中的按钮？

您可以使用堆栈小部件，并将其定位为其子小部件。

使用

Stack

您可以将图标放置在头像顶部和特定位置

Stack(
      children: [
        CircleAvatar(
          radius: 75,
          backgroundColor: Colors.grey.shade200,
          child: CircleAvatar(
            radius: 70,
            backgroundImage: AssetImage('assets/images/default.png'),
          ),
        ),
        Positioned(
          bottom: 1,
          right: 1,
          child: Container(
            child: Padding(
              padding: const EdgeInsets.all(2.0),
              child: Icon(Icons.add_a_photo, color: Colors.black),
            ),
            decoration: BoxDecoration(
                border: Border.all(
                  width: 3,
                  color: Colors.white,
                ),
                borderRadius: BorderRadius.all(
                  Radius.circular(
                    50,
                  ),
                ),
                color: Colors.white,
                boxShadow: [
                  BoxShadow(
                    offset: Offset(2, 4),
                    color: Colors.black.withOpacity(
                      0.3,
                    ),
                    blurRadius: 3,
                  ),
                ]),
          ),
        ),
      ],
    )

---

你知道如何制作圆形按钮吗？照片图标不一定是按钮。。您可以使用InkWell包装该图像，并添加onTap（）方法来实现在单击按钮时编写的相同功能。