代码

var stack = new Stack(
alignment: const FractionalOffset(0.5, 0.8),
children: <Widget>[
new CircleAvatar(
backgroundImage: new NetworkImage('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1578312966654&di=09a975b6c05a1447fc6f8aeae463cf41&imgtype=0&src=http%3A%2F%2Fp2.qhimgs4.com%2Ft0128307802c64fd817.jpg'),
radius: 100.0,
),
new Container(
decoration: new BoxDecoration(
color: Colors.greenAccent
),
child: new Text('xxxxxxxx'),
padding: EdgeInsets.all(5.0),

)

],
);
return MaterialApp(
title: 'Demo',
home: Scaffold(
appBar: new AppBar(title: new Text('垂直 Widget'),),
body: Center(child: stack,)
),

);
 
 
总结：

//层叠布局— 最少需要2个控件

stackWidget

Stack(

alignment = const FractionalOffset(x,y)//x,y 是0~1 相对布局位置

children：<widget>{

new CircleAvatar(//圆形图片

backgroundImage:new NetworkImage(‘’)//加载网络图片

radius:xx  弧度

)，

new Container(

              decoration: new BoxDecoration(

                color: Colors.greenAccent

              ),

              child: new Text('xxxxxxxx'),

              padding: EdgeInsets.all(5.0),

 

            )

 

}

 

)

 

 

 

代码2：

var stack = new Stack(
alignment: const FractionalOffset(0.5, 0.8),
children: <Widget>[
new CircleAvatar(
backgroundImage: new NetworkImage('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1578312966654&di=09a975b6c05a1447fc6f8aeae463cf41&imgtype=0&src=http%3A%2F%2Fp2.qhimgs4.com%2Ft0128307802c64fd817.jpg'),
radius: 100.0,
),
new Positioned(
top:10.0,
left:50.0,
child: new Text('xxxxxxxxx'),
),
new Positioned(
bottom: 10,
right: 50,
child: new Text('yyyyyyy'),
)

],
);

 

 

 

 

 

//层叠布局— 最少需要3个控件

stackWidget

Stack(

alignment = const FractionalOffset(x,y)//x,y 是0~1 相对布局位置

children：<widget>{

new CircleAvatar(//圆形图片

backgroundImage:new NetworkImage(‘’)//加载网络图片

radius:xx  弧度

)，

new Positioned(

 

top:

left:

bottom:

right:

child:new XXX(‘’)

)

            

 

}

 

)