美文网首页
16.ListTile的使用

16.ListTile的使用

作者: 凯司机 | 来源:发表于2020-06-10 15:25 被阅读0次

    在开发中,我们经常见到一种列表,有一个图标或图片(Icon),有一个标题(Title),有一个子标题(Subtitle),还有尾部一个图标(Icon)。

    这个时候,我们可以使用ListTile来实现:

    classMyHomeBodyextendsStatelessWidget{

      @override

      Widget build(BuildContext context) {

        return ListView(

          children: <Widget>[

            ListTile(

              leading: Icon(Icons.people, size: 36,),

              title: Text("联系人"),

              subtitle: Text("联系人信息"),

              trailing: Icon(Icons.arrow_forward_ios),

            ),

            ListTile(

              leading: Icon(Icons.email, size: 36,),

              title: Text("邮箱"),

              subtitle: Text("邮箱地址信息"),

              trailing: Icon(Icons.arrow_forward_ios),

            ),

            ListTile(

              leading: Icon(Icons.message, size: 36,),

              title: Text("消息"),

              subtitle: Text("消息详情信息"),

              trailing: Icon(Icons.arrow_forward_ios),

            ),

            ListTile(

              leading: Icon(Icons.map, size: 36,),

              title: Text("地址"),

              subtitle: Text("地址详情信息"),

              trailing: Icon(Icons.arrow_forward_ios),

            )

          ],

        );

      }

    }

    相关文章

      网友评论

          本文标题:16.ListTile的使用

          本文链接:https://www.haomeiwen.com/subject/dokptktx.html