代码
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(‘’)
)
}
)