如何在 Flutter 中重叠两个小部件?

iro*_*irl 2 image overlap flutter

预期输出:

这是一个圆形头像的组合,上面有颜色和图像

这是一个圆形头像与它上面的颜色和图像的组合。

电流输出:

在此处输入图片说明

代码:

 leading: CircleAvatar(backgroundColor: contentWithIcon[value]['color']),
Run Code Online (Sandbox Code Playgroud)

我如何重叠彼此?

图片路径:

assets/img/forex.png 
Run Code Online (Sandbox Code Playgroud)

小智 5

您不需要重叠它们或使用堆栈小部件,CircleAvatar 会为您处理。

CircleAvatar(backgroundColor: contentWithIcon[value]['color'], 
             child: Image.asset("assets/img/forex.png "),)
Run Code Online (Sandbox Code Playgroud)

确保在 pubspec.yaml 中添加了 assets 文件夹

  assets:
    - assets/
Run Code Online (Sandbox Code Playgroud)