flutter - 让小部件比视口(viewport)更大？

Question

在我的 flutter 应用程序中，我想制作一个圆圈作为这样的背景:

Answer 1

问题主要是当屏幕处于横向时，除非它覆盖整个屏幕，否则你不能在那里放置一个圆圈。
ClipRect 还有另一种方法，如果这对您不起作用，请告诉我。

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    return LayoutBuilder(
      builder: (context, constraints) {
        final radius = constraints.biggest.width * 1.2;
        
        return SizedBox(
          width: radius,
          height: radius,
          child: FittedBox(
            fit: BoxFit.fitHeight,
            child: Container(
              width: radius,
              height: radius ,
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                color: Colors.blue,
              ),
            ),
          ),
        );
      }
    );
  }
}

另一种方法:

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    return LayoutBuilder(
      builder: (context, constraints) {
        final radius = constraints.biggest.width * 1.2;
        
        return OverflowBox(
          maxWidth: radius,
          maxHeight: radius,
          child: Container(
            width: radius,
            height: radius ,
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.blue,
            ),
          ),
        );
      }
    );
  }
}

final radius = constraints.biggest.width * 1.2; : 1.2是多少圈重叠，你可以改变这个数字。