SizedOverflowBox的用法

image.png

要实现这个定位四个角度的效果，可以使用Stack + Positioned组合，也可以使用SizedOverflowBox来实现。
alignment: Alignment.topRight的调整可以实现在四个角度的展示红点子组件。

         Container(
              alignment: Alignment.topRight,
              color: Colors.blue,
              width: 50,
              height: 50,
              child: SizedOverflowBox(
                alignment: Alignment.center,
                size: Size.zero,
                child: Container(
                  width: 15,
                  height: 15,
                  decoration: const BoxDecoration(
                    color: Colors.red,
                    shape: BoxShape.circle
                  ),
                ),
              ),
            ),
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容