Flutter listTile点击修改背景颜色（不刷新界面）

Flutter：ListTile点击改变背景色无需刷新界面

最新推荐文章于 2024-05-28 14:00:00 发布

原创

最新推荐文章于 2024-05-28 14:00:00 发布 · 3.8k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了如何在Flutter中实现ListTile点击后改变背景颜色，而无需调用setState刷新整个界面。通过使用监听和ValueListenableBuilder，可以只更新被点击的ListTile状态，达到局部更新的效果。

通常情况下Flutter对于界面内元素状态的改变需要调用setstate来刷新界面，那有没有办法只修改指定元素的状态，这里提供一种方法，以ListTile为例，

创建监听监听ListTile的点击状态，当监听值发生改变调用ValueListenableBuilder来重构该元素，实现点击后该变该元素状态。效果如下：

具体代码实现如下：

  Widget selectFolders() {
    ValueNotifier<List<bool>> isClicked =
        ValueNotifier([true, false, false, false]);
    return Container(
      width: 300,
      height: 210,
      constraints: BoxConstraints(maxHeight: 180),
      decoration: BoxDecoration(
          border: Border.all(width: 0.1, color: Colors.black),
          color: Colors.white),
      child: Material(
        child: ListView(
          children: [
            ValueListenableBuilder(
              valueListenable: isClicked,