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

最新推荐文章于 2024-06-03 22:53:54 发布

—片槐树叶

最新推荐文章于 2024-06-03 22:53:54 发布

阅读量3.8k

点赞数 1

本文链接：https://blog.csdn.net/flutter_learner/article/details/119885944

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通常情况下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: [
            ValueListe