Flutter 入门之 ListTile 使用指南

最新推荐文章于 2024-07-07 13:42:21 发布

weixin_34037515

最新推荐文章于 2024-07-07 13:42:21 发布

阅读量6.5k

点赞数 3

文章标签：移动开发

原文链接：https://juejin.im/post/5c88d6c4f265da2de970bc24

版权

本文详细介绍了Flutter中的ListTile组件，包括title、subtitle、dense、leading、trailing等属性的使用，以及如何处理手势识别和启用/禁用状态。还提供了一个使用实例，展示如何在ListView中创建ListTiles，并分享了作者的个人简介和内推信息。

摘要由CSDN通过智能技术生成

ListTile 通常用于在 Flutter 中填充 ListView。在这篇文章中，我将用可视化的例子来说明所有的参数。

title 参数可以接受任何小部件，但通常是文本小部件

ListTile(
  title: Text('Horse'),
)
复制代码

副标题是标题下面较小的文本

ListTile(
  title: Text('Horse'),
  subtitle: Text('A strong animal'),
)
复制代码

使文本更小，并将所有内容打包在一起

ListTile(
  title: Text('Horse'),
  subtitle: Text('A strong animal'),
  dense: true,
)
复制代码

将图像或图标添加到列表的开头。这通常是一个图标。

ListTile(
  leading: CircleAvatar(
    backgroundImage: NetworkImage(imageUrl),
  ),
  title: Text('Horse'),
)
复制代码

ListTile(
  leading: Icon(Icons.home),
  title: Text('House'),
)
复制代码

关注