如何在颤振中实现这种布局？

Question

我尝试了很多事情，但没有成功

return Scaffold(
      extendBodyBehindAppBar: true,
      appBar: PreferredSize(
        preferredSize: Size.fromHeight(40.0),
        child: AppBar(
          automaticallyImplyLeading: true,
          centerTitle: true,
          elevation: 0.0,
          title: Image(
            height: 36.00,
            image: AssetImage('assets/images/logo.png'),
            fit: BoxFit.cover,
          ),
          backgroundColor: Colors.transparent,
        ),
      ),
      backgroundColor: Colors.blue[800],
      body: Wrap(
          children: <Widget>[
            Stack(
              children: <Widget>[
              Container(
              child: Image.asset('assets/images/appbar-bg.png'),
            ),
            Center(
              child:  Row(
               mainAxisAlignment: MainAxisAlignment.center,
               crossAxisAlignment: CrossAxisAlignment.center,
               children: <Widget>[
                 Container(
                   margin: EdgeInsets.only(top: 70.0, right: 80.0),
                    alignment: Alignment.center,
                    child: Image.asset('assets/images/profile-pic.png'),
                ),
                Expanded(
                  child: Container(
                  child:  Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Container(
                      child: Text('John Doe'),
                    ),
                    Container(
                      child: Text('@joedoe188'),
                    ),
                  ],
                  ),
                  ),
                ),
               ],
              ),
            ),
              ],
            ),
          ],
      ),
    );