热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

fluttermateriallayout

Divider 分割线Column(children:[Container(color:Colors.amber,child:constCenter(child:Tex

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

  

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

 

 配合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

 

  

Stepper

步骤 

 


推荐阅读
author-avatar
朱永红2602897625
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有