flutter material-layout
  sX9JkgY3DY86 2023年11月13日 11 0

Divider

 分割线

Column(
children: [
Container(
color: Colors.amber,
child: const Center(
child: Text('上'),
),
),
Divider(
//分割线颜色
color: Colors.black,
//前缩进
indent: 100.6,
//后缩进
endIndent: 20,
//分割线厚度
thickness: 3.5,
//上下高度,除了厚度以外空白
height: 10.1,
),
Container(
color: Colors.greenAccent,
child: const Center(
child: Text('下'),
),
),
],
)

flutter material-layout_ide

  

ListTile

ListTile(
//左图标
leading: Icon(Icons.message),
//右图标
trailing:Icon(Icons.list) ,
//标题
title: Text('data'),
//副标题
subtitle: Text('AAAAAAA'),
//点击
onTap: (){print('object');},
//长按
onLongPress: (){print('long');},
),

flutter material-layout_ide_02

 

 配合card显示出区域和阴影,有了立体感

Card(
child: ListTile(
//左图标
leading: Icon(Icons.message),
//右图标
trailing:Icon(Icons.list) ,
//标题
title: Text('data'),
//副标题
subtitle: Text('AAAAAAA'),
//点击
onTap: (){print('object');},
//长按
onLongPress: (){print('long');},
),
)

flutter material-layout_Text_03

 

  

Stepper

步骤 

 



【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月13日 0

暂无评论

推荐阅读
  b1UHV4WKBb2S   2023年11月13日   24   0   0 ide抗锯齿
  b1UHV4WKBb2S   2023年11月13日   21   0   0 裁剪ideflutter
  zSWNgACtCQuP   2023年11月13日   19   0   0 ide
sX9JkgY3DY86