Flutter布局-Stack层叠布局-基础

class MyApp extends StatelessWidget{

@override

Widget build(BuildContextcontext ){

var stack =new Stack(

fit:StackFit.expend,//铺满整个屏幕

alignment: const FractionalOffset(0.5,0.8),//层叠对齐方式X,Y 轴从0-1

children: [

new CircleAvatar(

backgroundImage:new NetworkImage('http://jspang.com/static//myimg/blogtouxiang.jpg'),

radius:100.0,

),

new Container(

decoration:newBoxDecoration(

color:Colors.lightBlue,

),

padding:EdgeInsets.all(5.0),

child:new Text('JSPang技术胖'),

)

],

);

return MaterialApp(

title:'ListViewwidget',

home:Scaffold(

appBar:newAppBar(

title:newText('垂直方向布局'),

),

body:Center(child:stack),

),

);

}

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容