在 ListTile 颤振中添加图像

ListTile 是 Flutter 中经常用到的一个 Material Design 控件，可以用于显示列表信息。在 ListTile 中，我们可以添加图标、标题、副标题等元素，以展示详细列表数据。但是，如果想要在 ListTile 中添加图像，该怎么做呢？

添加网络图片

如果您想要在 ListTile 中添加网络图片，可以使用 NetworkImage，示例代码如下：

ListTile(
  leading: CircleAvatar(
    backgroundImage: NetworkImage('https://picsum.photos/200'),
  ),
  title: Text('图片标题'),
  subtitle: Text('图片副标题'),
)

在上述代码中，我们在 ListTile 的 leading 属性中添加了一个 CircleAvatar，其中 backgroundImage 属性包含了一个 NetworkImage（即网络图片）。通过这种方式，我们可以在 ListTile 中显示网络图片。

添加本地图片

如果您想要在 ListTile 中添加本地图片，可以使用 AssetImage，示例代码如下：

ListTile(
  leading: CircleAvatar(
    backgroundImage: AssetImage('assets/images/sample.png'),
  ),
  title: Text('图片标题'),
  subtitle: Text('图片副标题'),
)

在上述代码中，我们在 ListTile 的 leading 属性中添加了一个 CircleAvatar，其中 backgroundImage 属性包含了一个 AssetImage（即本地图片）。需要注意的是，在 Flutter 项目中，需要将本地图片放在 assets/images 目录下，并在 pubspec.yaml 文件中进行配置，如下所示：

flutter:
  assets:
    - assets/images/

通过这种方式，我们就可以在 ListTile 中展示本地图片了。

总结

通过本文，我们了解了如何在 ListTile 中添加图像。无论是网络图片还是本地图片，都可以通过 CircleAvatar 中的 backgroundImage 属性轻松添加到 ListTile 中。