Flutter(Dart)：如何将Stack中的NetworkImage置于Container前端？

问题核心在于Stack的子组件渲染顺序：Stack的children列表里，后添加的组件会渲染在更早添加的组件上层。你当前的代码把图片组件放在了Container前面，导致Container覆盖了图片。

只需调整子组件的顺序，将Container放在列表前面，图片组件放在后面即可：

Stack(
  clipBehavior: Clip.none,
  alignment: Alignment.topRight,
  children: [
    Container(...), // 底层容器先加入列表
    Positioned(
      right: 0,
      child: CircleAvatar(
        radius: 20,
        backgroundImage: NetworkImage('image'),
      ),
    ), // 图片组件后加入，渲染在容器上层
  ],
)

调整后图片就会显示在Container前端，符合预期效果。

内容的提问来源于stack exchange，提问作者Tyrone