Flutter中Positioned无法将图标定位到Container右下角怎么办

Positioned 组件仅可作为 Stack 组件的直接子组件生效，它的top/bottom/left/right定位规则，只有父级是层叠布局Stack时才会被解析执行。
你的代码中直接将Positioned作为普通Container的子组件，此时Positioned的定位参数完全失效，图标会按照普通Container的默认对齐规则（居中对齐）显示，因此始终固定在容器中心位置，无法偏移到右下角。
另外原代码还存在一个小的结构问题：带圆形装饰的外层Container没有设置固定宽高，实际尺寸完全由内层子组件撑开，容易出现装饰和内容尺寸不匹配的问题。

将原本放置Positioned的内层普通Container替换为Stack组件即可，参考修正后的代码：

Widget buildImage() {
    return Center(
      child: Container(
        // 把宽高属性移到带圆形装饰的外层容器，保证装饰和内容尺寸一致
        width: 150.0,
        height: 150.0,
        child: Material(
          child: InkWell(
            customBorder:  CircleBorder(),
            onTap: (){},
            // 普通Container替换为Stack，实现层叠布局
            child: Stack(
              children: [
                // 此处放置圆形区域原本要展示的内容，比如头像、占位图
                const Center(
                  child: Icon(Icons.person, size: 80, color: Colors.white),
                ),
                // Positioned作为Stack的直接子组件，定位规则即可正常生效
                const Positioned(
                  bottom: 4,
                  right: 0,
                  child: Icon(Icons.account_circle_rounded, size: 32),
                ),
              ],
            ),
          ),
          color: Colors.transparent,
        ),
        decoration:  const BoxDecoration(
          color: Colors.orange,
          shape: BoxShape.circle,
        ),
      ),
    );
  }

• Stack是Flutter提供的层叠布局组件，子组件按声明顺序从下到上堆叠显示，Positioned用来控制Stack内的子组件相对Stack四个边的偏移位置。
• 如果右下角图标超出圆形边界被裁剪，可以调整Positioned的偏移值，或给Stack设置clipBehavior: Clip.none允许子组件溢出显示，但溢出部分不会响应InkWell的点击事件。

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