如何使用Riverpod开发可返回账户状态的自定义useMyAccount钩子

你的代码存在两个核心问题：

1. 自定义Riverpod Hook不需要接收WidgetRef作为入参，Hook有独立的上下文调用链路，只有普通组件的build方法才需要传递WidgetRef
2. 返回类型定义错误：ref.watch(provider)返回的是provider暴露的状态值，不是provider本身，你要获取的是MyAccount?类型的账户状态，而非StateNotifierProvider类型

正确实现代码 #

首先确认你已经正确引入依赖：

dependencies:
  flutter_hooks: ^0.18.6
  hooks_riverpod: ^2.3.0

1. 自定义useMyAccount钩子

import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';

// 你原有的全局状态Provider定义
final myAccountProvider = StateNotifierProvider<MyAccountProvider, MyAccount?>((ref) {
  return MyAccountProvider();
});

// 自定义钩子，直接返回监听的账户状态
MyAccount? useMyAccount() {
  // 新版本hooks_riverpod使用顶层use()方法替代已废弃的useProvider
  return use(myAccountProvider);
}

2. 钩子调用方法

仅可在HookConsumerWidget/HookWidget的build方法中调用，无需传递ref：

class AccountPage extends HookConsumerWidget {
  const AccountPage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    // 直接调用钩子，状态更新时自动触发组件重绘
    final MyAccount? currentAccount = useMyAccount();

    return Center(
      child: Text(currentAccount?.nickname ?? '未登录'),
    );
  }
}

扩展用法 #

如果需要同时返回账户状态和操作notifier，可以修改钩子如下：

(MyAccount? state, MyAccountProvider notifier) useMyAccount() {
  final state = use(myAccountProvider);
  final notifier = use(myAccountProvider.notifier);
  return (state, notifier);
}

// 调用时直接解构
final (accountState, accountNotifier) = useMyAccount();
// 调用状态操作方法：accountNotifier.logout()

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