Flutter Providers间相互依赖及跨Provider访问方法问询

嘿，这个问题我之前也遇到过——Provider之间互相访问还带循环依赖，确实有点头疼。咱们一步步来解决，结合你提到的场景：ApiController要拿UserInfo里的用户凭证，UserInfo要从SharedPreferences加载数据，还要用ApiController拉取头像。

一、先理清核心问题：避免循环依赖 #

首先要明确：如果直接让ApiController依赖UserInfo，同时UserInfo又依赖ApiController，初始化时会陷入死循环。所以我们得换个思路，要么分离依赖，要么用Provider的工具类来管理依赖关系。

二、方案1：分离职责，参数传递（简单直接） #

把ApiController设计成纯工具类，不直接依赖UserInfo，而是在调用时传入所需的userId和sessionToken；UserInfo则在需要时获取ApiController实例，传入自己的凭证去请求头像。

1. 先写ApiController（纯API服务） #

它只负责处理请求，不需要知道UserInfo的存在：

class ApiController extends ChangeNotifier {
  // 拿头像的接口，需要传入用户凭证
  Future<String?> fetchUserAvatar(String userId, String sessionToken) async {
    final response = await http.get(
      Uri.parse('https://your-api.com/avatar?userId=$userId'),
      headers: {'Authorization': 'Bearer $sessionToken'},
    );

    if (response.statusCode == 200) {
      return json.decode(response.body)['avatar_url'];
    }
    return null;
  }

  // 其他需要用户凭证的接口，同理传入参数
  Future<void> fetchUserOrders(String userId, String sessionToken) async {
    // 实现请求逻辑...
  }
}

2. 再写UserInfo Provider（管理用户状态+SharedPreferences） #

它负责从本地加载数据，同时在需要时调用ApiController获取头像：

class UserInfo extends ChangeNotifier {
  String? _userId;
  String? _sessionToken;
  String? _avatarUrl;
  final SharedPreferences _prefs;
  final BuildContext _context;

  UserInfo(this._prefs, this._context) {
    // 初始化时从SharedPreferences加载数据
    _loadFromLocal();
  }

  // 对外暴露的 getter
  String? get userId => _userId;
  String? get sessionToken => _sessionToken;
  String? get avatarUrl => _avatarUrl;

  // 从SharedPreferences加载用户数据
  Future<void> _loadFromLocal() async {
    _userId = _prefs.getString('user_id');
    _sessionToken = _prefs.getString('session_token');
    notifyListeners();

    // 如果已登录，立刻拉取头像
    if (_userId != null && _sessionToken != null) {
      await _getUserAvatar();
    }
  }

  // 调用ApiController获取头像
  Future<void> _getUserAvatar() async {
    final api = _context.read<ApiController>();
    _avatarUrl = await api.fetchUserAvatar(_userId!, _sessionToken!);
    notifyListeners();
  }

  // 登录成功后保存数据并更新头像
  Future<void> login(String userId, String sessionToken) async {
    _userId = userId;
    _sessionToken = sessionToken;
    await _prefs.setString('user_id', userId);
    await _prefs.setString('session_token', sessionToken);
    notifyListeners();
    await _getUserAvatar();
  }

  // 登出时清除所有数据
  Future<void> logout() async {
    _userId = null;
    _sessionToken = null;
    _avatarUrl = null;
    await _prefs.remove('user_id');
    await _prefs.remove('session_token');
    notifyListeners();
  }
}

3. 在UI层初始化Provider #

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final prefs = await SharedPreferences.getInstance();

  runApp(
    MultiProvider(
      providers: [
        Provider.value(value: prefs),
        ChangeNotifierProvider(create: (context) => ApiController()),
        ChangeNotifierProvider(create: (context) => UserInfo(context.read<SharedPreferences>(), context)),
      ],
      child: const MyApp(),
    ),
  );
}

三、方案2：用ProxyProvider管理依赖（更优雅） #

如果不想每次调用都传参数，可以用ProxyProvider让ApiController自动同步UserInfo的凭证，避免手动传递。

1. 修改ApiController，支持更新凭证 #

class ApiController extends ChangeNotifier {
  String? _userId;
  String? _sessionToken;

  // 提供方法更新用户凭证
  void updateCredentials(String? userId, String? sessionToken) {
    _userId = userId;
    _sessionToken = sessionToken;
  }

  // 现在不需要手动传参数了
  Future<String?> fetchUserAvatar() async {
    if (_userId == null || _sessionToken == null) return null;

    final response = await http.get(
      Uri.parse('https://your-api.com/avatar?userId=$_userId'),
      headers: {'Authorization': 'Bearer $_sessionToken'},
    );

    if (response.statusCode == 200) {
      return json.decode(response.body)['avatar_url'];
    }
    return null;
  }
}

2. 修改UserInfo，直接注入ApiController #

class UserInfo extends ChangeNotifier {
  String? _userId;
  String? _sessionToken;
  String? _avatarUrl;
  final SharedPreferences _prefs;
  final ApiController _api;

  // 直接注入ApiController，不需要context
  UserInfo(this._prefs, this._api) {
    _loadFromLocal();
  }

  String? get userId => _userId;
  String? get sessionToken => _sessionToken;
  String? get avatarUrl => _avatarUrl;

  Future<void> _loadFromLocal() async {
    _userId = _prefs.getString('user_id');
    _sessionToken = _prefs.getString('session_token');
    // 同步凭证到ApiController
    _api.updateCredentials(_userId, _sessionToken);
    notifyListeners();

    if (_userId != null) await _getUserAvatar();
  }

  Future<void> _getUserAvatar() async {
    _avatarUrl = await _api.fetchUserAvatar();
    notifyListeners();
  }

  Future<void> login(String userId, String sessionToken) async {
    _userId = userId;
    _sessionToken = sessionToken;
    await _prefs.setString('user_id', userId);
    await _prefs.setString('session_token', sessionToken);
    _api.updateCredentials(userId, sessionToken);
    notifyListeners();
    await _getUserAvatar();
  }
}

3. 用ProxyProvider初始化 #

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final prefs = await SharedPreferences.getInstance();

  runApp(
    MultiProvider(
      providers: [
        Provider.value(value: prefs),
        ChangeNotifierProvider(create: (context) => UserInfo(context.read<SharedPreferences>(), context.read<ApiController>())),
        // 当UserInfo变化时，自动更新ApiController的凭证
        ProxyProvider<UserInfo, ApiController>(
          create: (context) => ApiController(),
          update: (context, userInfo, api) {
            api.updateCredentials(userInfo.userId, userInfo.sessionToken);
            return api;
          },
        ),
      ],
      child: const MyApp(),
    ),
  );
}

四、关键注意事项 #

• 别在构造函数里直接拿其他Provider：初始化阶段Provider还没完全就绪，容易出现空指针，最好在内部初始化方法（比如_loadFromLocal）里处理。
• 用read()而非watch()：如果只是获取数据不需要监听变化，一定要用context.read<T>()或者Provider.of<T>(context, listen: false)，避免不必要的UI重建。
• 未登录状态处理：所有需要凭证的API请求，都要先检查userId/sessionToken是否为null，避免发起无效请求。

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