flutter 如何在堆栈中的圆形头像上方剪切此文本按钮?

cetgtptt  于 2023-04-22  发布在  Flutter
关注(0)|答案(1)|浏览(130)

很抱歉这个简单的问题,我做了很多谷歌搜索仍然无法找到适当的解决方案。有没有比自定义裁剪器以外的其他方法?

Stack(
  alignment: Alignment.bottomCenter,
  children: [
    CircleAvatar(
      radius: 100,
      foregroundImage:
          _pickedImage == null ? null : FileImage(_pickedImage!),
      child: const Icon(
        Icons.person_outlined,
        size: 40,
      ),
    ),
    Container(
      color: Colors.white.withOpacity(0.8),
      width: 200,
      height: 50,
      child: TextButton.icon(
        onPressed: _pickImage,
        icon: const Icon(Icons.image),
        label: const Text(
          "Upload Image",
        ),
      ),
    ),
  ],
);
5cnsuln7

5cnsuln71#

使用ClipRRect小部件 Package Stack小部件并指定borderRadius属性,请查看以下示例:

ClipRRect(
    borderRadius: BorderRadius.circular(200),
    child: Stack(
      children: [
        ...
      ]
    ),
)

相关问题