访问InheritedWidget的上下文

时间:2018-03-16 19:40:10

标签: dart flutter inherited-widget

我正在进行以下设置:

MaterialApp(home:SplashScreen)


SplashScreen(
///do some auth checks then
Navigator.of(context).push( MaterialPageRoute(
                builder: (_) =>  StateInheritedWidget(
                  user: userData,
                  child:  HomePage(),

                )))
)

然后在我的HomePage我有一个推动新路线的FAB。此新路由无法访问我继承的窗口小部件的上下文。

是否无法在新路线中获取InheritedWidget的上下文,或者是否有办法解决此问题?

更新

这是我的MaterialApp的构建器属性

    builder: (context,child){
///Doing some auth stuff here
        return new StateInheritedWidget(
          user: userData,
                      child: userData==null?const SplashScreen(child: const LoginPage(),): 
                      const SplashScreen(child: const HomePage(),),

        );
      },

我的SplashScreen构建方法:

return !_load? new Scaffold(
      body: new Center(
        child: new Text('Splash'),
      ),
    ):this.widget.child;

这是我得到的错误。

第一个似乎与我Drawer中的HomePage相关:

I/flutter (12688): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter (12688): The following assertion was thrown building Tooltip("Open navigation menu", vertical offset: 24.0,
I/flutter (12688): position: below, dirty, state: _TooltipState#44ae9(ticker inactive)):
I/flutter (12688): No Overlay widget found.
I/flutter (12688): Tooltip widgets require an Overlay widget ancestor for correct operation.
I/flutter (12688): The most common way to add an Overlay to an application is to include a MaterialApp or Navigator
I/flutter (12688): widget in the runApp() call.
I/flutter (12688): The specific widget that failed to find an overlay was:
I/flutter (12688):   Tooltip("Open navigation menu", vertical offset: 24.0, position: below)
I/flutter (12688):

单击FAB(Navigator.push)

时出现第二个异常
I/flutter (12688): Another exception was thrown: Navigator operation requested with a context that does not include a Navigator.

1 个答案:

答案 0 :(得分:5)

没有。这是不可能的(或至少不推荐)。

问题在于,您的inheritedWidget不应该路线内,而是在上面路线。通常高于MaterialApp

  

但我希望我的身份验证能够推送登录屏幕,我无法将其置于MaterialApp之上!

这就是为什么我说usually。 :d

认证是这些例外之一。您可能希望您的验证层访问导航器。但仍希望与所有路由共享该真实层。

这是使用MaterialApp的有用属性的地方:builder

Builder传递时,将用于在您的路线正上方插入任何类型的小部件。但仍然在Navigator之后,以便您仍然可以在需要时推送新路线。

最后,你有

new MaterialApp(
  builder: (context, child) {
    return new MyAuthent(child: child);
  },
  ...
  // home: SplashSceen ?
);

这很可能需要你的重构。但这是实现这一目标的正确方法。