flutter——实现两个椭圆，小的黑色椭圆覆盖在大的紫色椭圆上，并且紫色椭圆底部有渐变紫色渐变到透明的效果

需求：实现两个椭圆，小的黑色椭圆覆盖在大的紫色椭圆上，并且紫色椭圆底部有渐变紫色渐变到透明的效果

Stack(
  children: [
    Container(
      margin: const EdgeInsets.only(left: 10.0),
      width: 35.0,
      height: 260.0,
      decoration: BoxDecoration(
        gradient: LinearGradient(
          colors: [
            Color(0xffA87EFF),
            Colors.transparent,
          ],
          // stops参数，将0.2表示渐变开始的位置，1.0表示渐变结束的位置
          stops: [0.4, 1.0],
          begin: Alignment.center,
          end: Alignment.bottomCenter,
        ),
        borderRadius: BorderRadius.vertical(
          top: Radius.circular(100.0),
          bottom: Radius.circular(100.0),
        ),
      ),
    ),
    Positioned(
      left: 12.0,
      right: 2.0,
      top: 2,
      child: Container(
        padding: EdgeInsets.symmetric(vertical: 10.0),
        height: 185.0,
        decoration: BoxDecoration(
          color: Color(0xff1a1a1a),
          borderRadius: BorderRadius.vertical(
            top: Radius.circular(100.0),
            bottom: Radius.circular(100.0),
          ),
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Image.asset("images/gfEquity/today.png",width: 25,),
            Image.asset("images/gfEquity/five.png",width: 25,),
            Image.asset("images/gfEquity/seven.png",width: 25)
          ],
        ),
      ),
    ),
  ],
),