要实现这个定位四个角度的效果,可以使用
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
),
),
),
),