如何在背景上制作圆圈？答案

【问题标题】：How to make circle at background?如何在背景上制作圆圈？
【发布时间】：2022-10-15 01:35:52
【问题描述】：

如设计所示，我想为背景添加这种类型的圆圈，但不知道该怎么做？我怎样才能实现这个圆形背景图像：

【问题讨论】：

你能包括你目前尝试过的sn-p吗？还要指出具体的部分，以便其他人可以轻松获得

【解决方案1】：

尝试这个：

@override
  Widget build(BuildContext context) {
    MediaQueryData.fromWindow(WidgetsBinding.instance.window).size.width;

    return Scaffold(
      appBar: AppBar(),
      body: Stack(
        children: [
          Positioned(
              top: 100,
              right: 0,
              child: Container(
                height: 200,
                width: 100,
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.only(
                    bottomLeft: Radius.circular(100),
                    topLeft: Radius.circular(100),
                  ),
                  gradient: LinearGradient(
                    begin: Alignment.topRight,
                    end: Alignment.bottomRight,
                    colors: [
                      Colors.purple,
                      Colors.pink,
                      Colors.orange,
                    ],
                  ),
                ),
              )),
          Column(
            children: [
              Container(
                height: 150,
                margin: EdgeInsets.all(16),
                width: double.infinity,
                decoration: BoxDecoration(
                  color: Colors.white.withOpacity(0.5),
                  borderRadius: BorderRadius.circular(12),
                ),
              ),
              SizedBox(
                height: 16,
              ),
              Container(
                height: 150,
                margin: EdgeInsets.all(16),
                width: double.infinity,
                decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.circular(12),
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }

【讨论】：