Flutter学习--Navigator

2401_85391970

于 2024-07-04 18:05:57 发布

阅读量381

点赞数 3

分类专栏：资料搜公宗号文章标签： flutter 学习

本文链接：https://blog.csdn.net/2401_85391970/article/details/140186498

版权

资料搜公宗号专栏收录该内容

13 篇文章 0 订阅

订阅专栏

复制代码


static NavigatorState of(

  BuildContext context, {

  bool rootNavigator = false,

  bool nullOk = false,

}) {

//关键代码-----------------------------------------v

final NavigatorState navigator = rootNavigator

? context.rootAncestorStateOfType(const TypeMatcher<NavigatorState>())

: context.ancestorStateOfType(const TypeMatcher<NavigatorState>()

);



//关键代码----------------------------------------^

assert(() {

  if (navigator == null && !nullOk) {

    throw FlutterError(

     'Navigator operation requested with a context that does not include a Navigator.\\n'

     'The context used to push or pop routes from the Navigator must be that of a '

     'widget that is a descendant of a Navigator widget.'

     );

    }

   return true;

}());

   return navigator;

}

复制代码

可以看到，关键代码部分通过context.rootAncestorStateOfType向上遍历 Element tree，并找到最近匹配的 NavigatorState。也就是说of实际上是对context跨组件获取数据的一个封装。

而我们的Navigator的 push操作就是通过找到的 NavigatorState 来完成的。

不仅如此，BuildContext还有许多方法可以跨组件获取对象

复制代码


ancestorInheritedElementForWidgetOfExactType(Type targetType) → InheritedElement



ancestorRenderObjectOfType(TypeMatcher matcher) → RenderObject



ancestorStateOfType(TypeMatcher matcher) → State



ancestorWidgetOfExactType(Type targetType) → Widget



findRenderObject() → RenderObject



inheritFromElement(InheritedElement ancestor, { Object aspect }) → InheritedWidget



inheritFromWidgetOfExactType(Type targetType, { Object aspect }) → InheritedWidget



rootAncestorStateOfType(TypeMatcher matcher) → State



visitAncestorElements(bool visitor(Element element)) → void



visitChildElements(ElementVisitor visitor) → void

复制代码

需要注意的是，在 State 中 initState阶段是无法跨组件拿数据的，只有在didChangeDependencies之后才可以使用这些方法。

回顾问题

我们现在再来看看之前遇到的当前 context 不包含 Navigator 这个问题是不是很简单了呢。

复制代码