如何在Flutter中创建Services/Providers？多服务全局共享实现问询

嘿，你的思路完全找对方向了——InheritedWidget确实是Flutter实现全局服务/数据共享的底层核心，但根本不用在根节点堆一堆独立的InheritedWidget，有好几种更简洁的实现方式，我给你捋捋：

方案一：用单个InheritedWidget封装所有服务 #

你可以把UserService、ItemService等所有需要全局共享的服务，打包到一个自定义的InheritedWidget里，只在根节点挂载一次，整个子树就能访问到所有服务。

步骤示例 #

1. 先定义你的业务服务类：

class UserService {
  String? currentUserId;
  
  void login(String userId) {
    currentUserId = userId;
    // 如果需要状态更新通知，后续可以结合ChangeNotifier
  }
}

class ItemService {
  List<String> favoriteItems = [];
  
  void addToFavorite(String itemId) {
    favoriteItems.add(itemId);
  }
}

2. 自定义InheritedWidget封装这些服务：

class AppServices extends InheritedWidget {
  final UserService userService;
  final ItemService itemService;

  const AppServices({
    super.key,
    required this.userService,
    required this.itemService,
    required super.child,
  });

  // 提供全局快捷获取方法，方便子组件调用
  static AppServices of(BuildContext context) {
    final result = context.dependOnInheritedWidgetOfExactType<AppServices>();
    assert(result != null, "找不到AppServices，请确保已在根节点挂载");
    return result!;
  }

  @override
  bool updateShouldNotify(AppServices oldWidget) {
    // 如果服务是无状态的，返回false即可；如果有状态变化，这里要判断是否需要通知子组件
    return false;
  }
}

3. 在根节点挂载：

void main() {
  runApp(
    AppServices(
      userService: UserService(),
      itemService: ItemService(),
      child: const MyApp(),
    ),
  );
}

4. 子组件中访问服务：

class ProfileWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final userService = AppServices.of(context).userService;
    final itemService = AppServices.of(context).itemService;
    
    return Column(
      children: [
        Text("当前用户ID：${userService.currentUserId ?? '未登录'}"),
        Text("收藏物品数：${itemService.favoriteItems.length}"),
      ],
    );
  }
}

方案二：用InheritedModel实现按需更新 #

如果你的服务有状态变化，且希望子组件只监听自己关心的服务更新（避免不必要的重建），可以用InheritedModel，它支持按“维度”区分依赖。

核心修改示例 #

class AppServices extends InheritedModel<String> {
  final UserService userService;
  final ItemService itemService;

  const AppServices({
    super.key,
    required this.userService,
    required this.itemService,
    required super.child,
  });

  static AppServices of(BuildContext context, {String? aspect}) {
    return InheritedModel.inheritFrom<AppServices>(context, aspect: aspect)!;
  }

  @override
  bool updateShouldNotify(AppServices oldWidget) => true;

  @override
  bool updateShouldNotifyDependent(AppServices oldWidget, Set<String> dependencies) {
    // 只给依赖"user"的组件发送用户服务变化的通知
    if (dependencies.contains('user') && userService.currentUserId != oldWidget.userService.currentUserId) {
      return true;
    }
    // 只给依赖"item"的组件发送物品服务变化的通知
    if (dependencies.contains('item') && itemService.favoriteItems != oldWidget.itemService.favoriteItems) {
      return true;
    }
    return false;
  }
}

子组件访问时指定依赖维度：

// 只关心用户状态的组件
class UserWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final userService = AppServices.of(context, aspect: 'user').userService;
    return Text("用户ID：${userService.currentUserId}");
  }
}

方案三：用Provider（更推荐，基于InheritedWidget的封装） #

现在Flutter社区更常用provider包（官方推荐的状态管理方案之一），它是InheritedWidget的上层封装，用法更简洁，还自带状态变化通知能力。

步骤示例 #

1. 先在pubspec.yaml添加依赖：

dependencies:
  flutter:
    sdk: flutter
  provider: ^6.0.5

2. 用MultiProvider在根节点挂载多个服务：

void main() {
  runApp(
    MultiProvider(
      providers: [
        // 无状态服务用Provider
        Provider<UserService>(create: (_) => UserService()),
        Provider<ItemService>(create: (_) => ItemService()),
        // 如果服务需要状态更新通知，用ChangeNotifierProvider
        // ChangeNotifierProvider<AuthService>(create: (_) => AuthService()),
      ],
      child: const MyApp(),
    ),
  );
}

3. 子组件中访问服务：

// 方式1：直接用Provider.of
class ItemWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final itemService = Provider.of<ItemService>(context);
    return Text("收藏数：${itemService.favoriteItems.length}");
  }
}

// 方式2：用Consumer更高效（只重建需要更新的部分）
class LoginWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Consumer<UserService>(
      builder: (context, userService, child) {
        return ElevatedButton(
          onPressed: () => userService.login("123456"),
          child: Text(userService.currentUserId != null ? "已登录" : "登录"),
        );
      },
    );
  }
}

关键注意事项 #

• 如果服务需要状态变化通知（比如登录后更新UI），让服务类继承ChangeNotifier，调用notifyListeners()触发更新，同时用ChangeNotifierProvider代替普通Provider。
• 全局服务尽量保持单例（上面的方案默认都是单例实现），避免重复实例化浪费资源。
• 不要在build方法里直接修改服务状态，应该通过按钮点击、网络请求回调等事件触发。

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