网站建设与网站优化销售,新媒体营销图片,微信网站开放,深圳智加设计公司Card组件是卡片组件#xff0c;内容可以由列表的widget组成#xff0c;Card组件具有阴影圆角的功能。
常用属性#xff1a; 属性 说明
margin 外边距elevation 阴影值的深度child 子元素
import package:flutter/material.dart;void main() runApp(MyApp());class M…Card组件是卡片组件内容可以由列表的widget组成Card组件具有阴影圆角的功能。
常用属性 属性 说明
margin 外边距elevation 阴影值的深度child 子元素
import package:flutter/material.dart;void main() runApp(MyApp());class MyApp extends StatelessWidget {overrideWidget build(BuildContext context) {return MaterialApp(home: Scaffold(appBar: AppBar(title: Text(Card),),body: HomeContent(),),);}
}class HomeContent extends StatelessWidget {overrideWidget build(BuildContext context) {return ListView(children: Widget[Card(elevation:1.0,margin: EdgeInsets.all(10),child: Column(children: Widget[Container(child: Image.network(http://file03.16sucai.com/2016/06/20165rd2yvmc025.jpg,fit: BoxFit.cover,),margin: EdgeInsets.all(10),),ListTile(leading: CircleAvatar(backgroundImage: NetworkImage(https://timgsa.baidu.com/timg?imagequality80sizeb9999_10000sec1581413287870di35491998b94817cbcf04d9f9f3d2d4b3imgtypejpgsrchttp%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D2464547320%2C3316604757%26fm%3D214%26gp%3D0.jpg),),title: Text(Candy Shop),subtitle: Text(Flutter is Gooles moblie UI framework for crafting higt ,overflow: TextOverflow.ellipsis,maxLines: 1,),)],),),Card(elevation:10.0,margin: EdgeInsets.all(10),child: Column(children: Widget[Container(child: Image.network(http://file03.16sucai.com/2016/06/20165rd2yvmc025.jpg,fit: BoxFit.cover,),margin: EdgeInsets.all(10),),ListTile(leading: CircleAvatar(backgroundImage: NetworkImage(https://timgsa.baidu.com/timg?imagequality80sizeb9999_10000sec1581413287870di35491998b94817cbcf04d9f9f3d2d4b3imgtypejpgsrchttp%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D2464547320%2C3316604757%26fm%3D214%26gp%3D0.jpg),),title: Text(Candy Shop),subtitle: Text(Flutter is Gooles moblie UI framework for crafting higt ,overflow: TextOverflow.ellipsis,maxLines: 1,),)],),),Card(elevation:20.0,margin: EdgeInsets.all(10),child: Column(children: Widget[Container(child: Image.network(http://file03.16sucai.com/2016/06/20165rd2yvmc025.jpg,fit: BoxFit.cover,),margin: EdgeInsets.all(10),),ListTile(leading: CircleAvatar(backgroundImage: NetworkImage(https://timgsa.baidu.com/timg?imagequality80sizeb9999_10000sec1581413287870di35491998b94817cbcf04d9f9f3d2d4b3imgtypejpgsrchttp%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D2464547320%2C3316604757%26fm%3D214%26gp%3D0.jpg),),title: Text(Candy Shop),subtitle: Text(Flutter is Gooles moblie UI framework for crafting higt ,overflow: TextOverflow.ellipsis,maxLines: 1,),)],),),],);}
}———————————————— 版权声明本文为CSDN博主「id-whc」的原创文章遵循CC 4.0 BY-SA版权协议转载请附上原文出处链接及本声明。 原文链接https://blog.csdn.net/u013600907/article/details/104354969
