如何在没有上下文的情况下导航？

Posted 2023-04-13

【中文标题】如何在没有上下文的情况下导航？

【英文标题】：How to Navigate without context in flutter?

【发布时间】：2020-10-28 13:01:58

【问题描述】：

我最终使用了一个静态函数，但我需要进行导航，它给了我一个错误，即没有为上下文找到 getter，所以我寻找解决方案并找到了 GET 包，但是当我尝试使用它时它给出了我的另一个错误：

E/flutter ( 6078): [ERROR:flutter/lib/ui/ui_dart_state.cc(166)] 
Unhandled Exception: NoSuchMethodError: The method 'push' was called on null.

我的代码：

    void main() 
      runApp(MyApp());
      _MyAppState.autologin();
    
    
    class _MyAppState extends State<MyApp> 
      static autologin() async 
        var userType;
        var store = Firestore.instance;
        var auth = FirebaseAuth.instance;
        final FirebaseUser user = await auth.currentUser();
        store.collection('Users').document(user.uid).get().then((value) 
          userType = (value.data)['userType'];
          if (userType == 'Student') 
            Get.to(StudentsPage());
           else if (userType == 'Teacher') 
           else if (userType == 'Admin') 
        );
      

【参考方案1】：

创建导航键

final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

将其分配给 MaterialApp

MaterialApp(
    home: Home(),
    navigatorKey: navigatorKey
),

然后通过下面的 navigatorKey 推送你的路线

navigatorKey.currentState.push(MaterialPageRoute(
    builder: (context) => AnotherPage(),
));

或

navigatorKey.currentState.pushNamed(routeName);

【讨论】：

它告诉我 navigatorKey 没有被定义为 getter。

我们如何传递多个参数并在另一个屏幕上获取/使用设置参数？请建议。谢谢。

这个答案来自github.com/brianegan/flutter_redux/issues/…。因不包括来源而被否决。

在发送 firebase 推送通知并尝试在没有上下文的情况下从 main.dart 启动产品页面时，在 navigatorkey.currentstate 上为空。你有什么解决办法吗？

一定要将navigatorkey添加到materialapp

【参考方案2】：

如果您想使用 globalKey 导航或显示没有上下文的对话框，尤其是使用 Bloc 或当您的逻辑与 UI 部分分离时，此解决方案是通用的。

首先安装这个包：

注意：我使用的是空安全版本

  get_it: ^7.2.0

然后为您的服务定位器创建一个单独的文件：

service_location.dart

    import 'package:get_it/get_it.dart';
    
    GetIt locator = GetIt.instance;
    
    class NavigationService 
      final GlobalKey<NavigatorState> navigatorKey =
          new GlobalKey<NavigatorState>();
      Future<dynamic> navigateTo(String routeName) 
        return navigatorKey.currentState!.pushNamed(routeName);
      
    
      void setupLocator() 
        locator.registerLazySingleton(() => NavigationService());
      

  void showMyDialog() 
    showDialog(
        context: navigatorKey.currentContext!,
        builder: (context) => Center(
              child: Material(
                color: Colors.transparent,
                child: Text('Hello'),
              ),
            ));
  
    

在 ma​​in.dart 上：

void main() 
  WidgetsFlutterBinding.ensureInitialized();
  NavigationService().setupLocator();
  runApp(MyApp());

// add navigatorKey for MaterialApp

 MaterialApp(
        navigatorKey: locator<NavigationService>().navigatorKey,
      ),

在您的业务逻辑文件 bloc.dart 在 bloc 类中定义它，或者在你想在里面使用导航的任何类中定义它 然后开始在里面任意函数里面导航。

class Cubit extends Cubit<CubitState> 
  final NavigationService _navigationService = locator<NavigationService>();
  void sampleFunction()
       _navigationService.navigateTo('/home_screen'); // to navigate
       _navigationService.showMyDialog(); // to show dialog

    

不是：我正在使用 generateRoute 进行路由。