Flutter Listener资源消耗疑问及API Token过期刷新方案咨询

Flutter Listener的资源消耗情况 #

Listener是Flutter原生提供的组件，本身经过官方优化，正常情况下不会消耗大量资源——它只会在监听的用户事件（如点击、滑动、触摸等）触发时，才会执行回调逻辑，平时处于闲置状态。

但要注意：如果用Listener包裹整个庞大的Widget树，会导致它接收大量的用户交互事件，频繁触发回调，这时候才会产生额外的资源开销。如果只是包裹需要处理的特定模块Widget，实际资源消耗非常小，不会对项目性能造成明显影响。

更优的Token过期刷新方案 #

相比用Listener监听用户事件的方式，以下几种方案更高效可靠：

1. 网络请求拦截器自动处理 #

这是最主流的实现方式，直接在网络请求层面拦截处理，无需依赖用户交互。以常用的Dio为例，可以自定义拦截器，在每次请求发起前检查Token状态：

class AuthInterceptor extends Interceptor {
  @override
  void onRequest(RequestOptions options, RequestInterceptorHandler handler) async {
    // 获取本地存储的Token和过期时间
    final currentToken = await _getLocalToken();
    final expireTime = await _getLocalExpireTime();

    // 提前5分钟检查是否需要刷新
    final needRefresh = DateTime.now().isAfter(expireTime.subtract(const Duration(minutes: 5)));
    if (needRefresh) {
      final newToken = await _refreshTokenApi();
      await _saveNewToken(newToken);
      options.headers['Authorization'] = 'Bearer $newToken';
    } else {
      options.headers['Authorization'] = 'Bearer $currentToken';
    }
    handler.next(options);
  }

  // 以下为示例辅助方法，需根据实际项目实现
  Future<String> _getLocalToken() async => /* 从本地存储获取Token */ '';
  Future<DateTime> _getLocalExpireTime() async => /* 获取过期时间 */ DateTime.now();
  Future<String> _refreshTokenApi() async => /* 调用刷新Token接口 */ '';
  Future<void> _saveNewToken(String token) async => /* 存储新Token */ {};
}

将这个拦截器添加到Dio实例中，所有请求都会自动处理Token刷新逻辑，既可靠又无需额外监听用户操作。

2. 监听应用生命周期触发检查 #

利用Flutter的应用生命周期回调，在应用从后台切换到前台时，检查Token是否需要刷新。这种场景下用户大概率会进行操作，提前刷新Token能避免后续请求失败：

class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    super.didChangeAppLifecycleState(state);
    // 应用回到前台时检查Token
    if (state == AppLifecycleState.resumed) {
      _checkAndRefreshToken();
    }
  }

  Future<void> _checkAndRefreshToken() async {
    final expireTime = await _getLocalExpireTime();
    if (DateTime.now().isAfter(expireTime)) {
      await _refreshTokenApi();
    }
  }

  // 辅助方法同上
}

3. 结合状态管理的定时任务 #

如果项目使用Provider、Riverpod等状态管理工具，可以在Token存入状态时，设置一个定时任务，在Token即将过期前自动触发刷新：

class AuthNotifier extends ChangeNotifier {
  String? _token;
  DateTime? _expireTime;
  Timer? _refreshTimer;

  void setToken(String token, DateTime expireTime) {
    _token = token;
    _expireTime = expireTime;
    _setupRefreshTimer();
    notifyListeners();
  }

  void _setupRefreshTimer() {
    _refreshTimer?.cancel();
    final timeToRefresh = _expireTime!.difference(DateTime.now()).subtract(const Duration(minutes: 5));
    if (timeToRefresh.isNegative) {
      // Token已过期，立即刷新
      _refreshToken();
      return;
    }
    // 设置定时任务
    _refreshTimer = Timer(timeToRefresh, _refreshToken);
  }

  Future<void> _refreshToken() async {
    final newToken = await _refreshTokenApi();
    // 假设接口返回新Token和新的过期时间
    final newExpireTime = DateTime.now().add(const Duration(hours: 2));
    setToken(newToken, newExpireTime);
  }

  // 辅助方法同上
}

这种方式可以主动触发刷新，无需等待用户操作或请求发起，适合对Token时效性要求较高的场景。

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