Dart：异步判断List是否含整数并设置Icon颜色的问题

因为Icon的color属性需要同步的Color值，而checkIfLiked()返回的是Future<Color>，异步结果无法直接赋值给同步属性。既然你已经在使用FutureBuilder，可以直接复用它的异步处理逻辑，无需单独编写异步函数获取颜色，具体实现如下：

方案1：整合到现有FutureBuilder（推荐） #

如果你的FutureBuilder原本就是用来获取点赞列表数据的，直接在builder回调中判断点赞状态并设置颜色即可：

FutureBuilder<List>(
  future: userLikes(), // 传入你的异步获取点赞列表函数
  builder: (context, snapshot) {
    // 加载状态：显示默认灰色图标
    if (snapshot.connectionState == ConnectionState.waiting) {
      return Icon(Icons.favorite, color: Colors.grey, size: buttonSize);
    }
    // 错误状态：显示默认灰色图标
    if (snapshot.hasError) {
      return Icon(Icons.favorite, color: Colors.grey, size: buttonSize);
    }
    // 数据就绪：判断是否包含当前id，设置对应颜色
    final userLikesList = snapshot.data ?? [];
    final isLiked = userLikesList.contains(widget.id);
    return Icon(
      Icons.favorite,
      color: isLiked ? Colors.blue : Colors.grey,
      size: buttonSize,
    );
  },
)

方案2：嵌套FutureBuilder（现有FutureBuilder处理其他数据时） #

如果现有FutureBuilder用于处理页面主数据，不想改动原有逻辑，可以在Icon位置嵌套一个小型FutureBuilder处理点赞状态：

// 这是你现有FutureBuilder的builder部分
builder: (context, mainSnapshot) {
  // 主数据处理逻辑...
  return Column(
    children: [
      // 其他页面Widget...
      FutureBuilder<Color>(
        future: checkIfLiked(),
        initialData: Colors.grey, // 设置初始默认颜色
        builder: (context, colorSnapshot) {
          return Icon(
            Icons.favorite,
            color: colorSnapshot.data,
            size: buttonSize,
          );
        },
      ),
    ],
  );
}

额外优化：简化异步函数 #

你的userLikes()函数可以简化，去掉冗余的变量赋值：

Future<List> userLikes() async {
  final userLikesClicks = GetUserLikes();
  return await userLikesClicks.getLikes();
}

内容的提问来源于stack exchange，提问作者JohnnyQ