Flutter仿Tinder应用匹配功能性能问题求助

1. 缓存偏好流派集合，避免重复创建 #

你的代码每次调用checkForMatch都会重新生成preferredGenresKeys，这在偏好不变的情况下完全是冗余操作。把这个集合缓存为类成员变量，只在偏好更新时重新生成：

HashSet<String>? _cachedPreferredGenresKeys;

// 当用户偏好更新时调用这个方法更新缓存
void updatePreferredGenres(List<Genre>? newGenres) {
  preferredGenres = newGenres;
  if (newGenres != null) {
    _cachedPreferredGenresKeys = HashSet<String>.from(
      newGenres.map((genre) => genre.genreKey)
    );
  } else {
    _cachedPreferredGenresKeys = null;
  }
}

void checkForMatch() {
  final preferredKeys = _cachedPreferredGenresKeys;
  if (preferredKeys == null || remainingBooks == null) return;

  // 先筛选出匹配的书籍
  final matches = remainingBooks!.where((book) {
    // 用every简化短路判断，和原逻辑等价
    return book.genresForBook.every(preferredKeys.contains);
  }).toList();

  // 批量添加到匹配集合
  matchedBooksSet.addAll(matches);
  // 批量移除剩余书籍
  remainingBooks!.removeWhere(matches.contains);
}

2. 分离匹配判断与集合操作 #

原代码在removeWhere的回调里同时完成匹配判断和添加操作，逻辑耦合且可能影响遍历效率。上面的代码先筛选出所有匹配项，再批量处理添加和移除，更清晰也更高效。

3. 异步处理避免UI阻塞 #

如果书籍列表规模极大，同步处理会阻塞UI线程导致滑动卡顿。可以用Dart的Isolate把匹配逻辑放到后台线程：

import 'dart:isolate';
import 'package:flutter/material.dart';

// 后台匹配逻辑
Future<List<Book>> _matchBooksInIsolate(List<Book> books, Set<String> preferredKeys) async {
  final receivePort = ReceivePort();
  await Isolate.spawn(_matchBooksIsolate, [receivePort.sendPort, books, preferredKeys]);
  return await receivePort.first;
}

void _matchBooksIsolate(List<dynamic> args) {
  final sendPort = args[0] as SendPort;
  final books = args[1] as List<Book>;
  final preferredKeys = args[2] as Set<String>;
  final matches = books.where((book) => book.genresForBook.every(preferredKeys.contains)).toList();
  Isolate.exit(sendPort, matches);
}

// 修改checkForMatch为异步方法
Future<void> checkForMatch() async {
  final preferredKeys = _cachedPreferredGenresKeys;
  if (preferredKeys == null || remainingBooks == null) return;

  // 后台执行匹配
  final matches = await _matchBooksInIsolate(remainingBooks!, preferredKeys);
  
  // 更新UI线程的集合
  WidgetsBinding.instance.addPostFrameCallback((_) {
    matchedBooksSet.addAll(matches);
    remainingBooks!.removeWhere(matches.contains);
  });
}

4. 前端预过滤（可选） #

如果你的书籍数据来自后端，尽量让后端提前根据用户偏好过滤书籍，减少客户端需要处理的数据量，这是最有效的性能优化手段。

额外优化点 #

• 如果Book类可修改，给genresForBook缓存为Set<String>，进一步提升遍历判断的效率。
• 对连续滑动操作做防抖处理，合并多次checkForMatch调用为一次，减少重复计算。

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