首页 > 解决方案 > 如何在 Flutter 中为模块创建单独的路由?

问题描述

我有两个页面:ConversationsListScreen(显示对话列表)和ConversationScreen(显示特定对话,用户从 ConversationsListScreen 进入)。

这两个页面应该被包装到一个单独的模块中,因为它们都需要相同的数据(我想通过公共 cubit 类提供)。这样我就创建了一个MessagesModule

    class MessagesModule extends StatelessWidget {
      final String _currentUserId;
      final String _currentLocale;
    
      const MessagesModule({
        @required String currentUserId,
        @required String currentLocale,
      })  : _currentUserId = currentUserId,
            _currentLocale = currentLocale;
    
      @override
      Widget build(BuildContext context) {
        return BlocProvider<MessagesModuleCubit>(
          create: (context) => MessagesModuleCubit(_currentUserId, _currentLocale),
          child: ConversationsListScreen(),
        );
      }
    }

重定向到ConversationScreen后,它在与MessagesModule相同的级别打开,这意味着我的上下文不包含MessagesModuleCubit。但我希望看到ConversationScreen嵌套到MessagesModule,与ConversationsListScreen相同。这是我的小部件的当前结构

如何管理这两个页面的路由,以便可以使用 MessagesModuleCubit 中的公共状态?

标签: flutterblocflutter-navigationcubit

解决方案


您可以将提供程序移动到您的主文件中,以便在任何情况下都包含两个小部件


推荐阅读