颤振形式设计

Question

我想在下图所示的Flutter UI设计中实现以下目标：

我只想使用orage circle在与容器重叠的图片中实现BoxDecoration。我已经工作了将近2天，似乎我对实现这一点没有选择。

有人可以帮我吗？请参阅下面的代码以供参考。

谢谢。

Widget build(BuildContext context) {
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);
return Scaffold(
  body: Container(
    alignment: Alignment.center,
    decoration: new BoxDecoration(
        image: new DecorationImage(
            image: new AssetImage('assets/image/login/Background@3x.png'),
            fit: BoxFit.cover)),
    child: new Container(
      alignment: Alignment.center,
      child: SafeArea(
        child: Container(
            decoration: new BoxDecoration(
                color: Color.fromRGBO(106, 131, 71, 0.5),
                borderRadius: new BorderRadius.circular(25.0)),
            child: new Form(
              key: _formKey,
              child: new ListView(
                itemExtent: textFieldHeight + 2,
                padding: EdgeInsets.fromLTRB(10.0, 40.0, 10.0, 10.0),
                shrinkWrap: true,
                children: <Widget>[
                  new UsernameTextField(),
                  new PasswordTextField()
                ],
              ),
            )),
        minimum: EdgeInsets.all(15.0),
      ),
      padding: EdgeInsets.only(bottom: 150.0, top: 125.0),
    ),
  ),
);