Navigator基础理解

了解了navigator的大致原理，Navigator是需要MaterialApp支持的，在其内部才能使用。

Navigator也是一个Widget，他提供一个of方法使得子孙widget可以取到他的state。

static NavigatorState of(
    BuildContext context, {
      bool rootNavigator = false,
      bool nullOk = false,
    }) {...
        : context.ancestorStateOfType(const TypeMatcher<NavigatorState>());
        ...
    return navigator;
  }

of方法中调用ancestorStateOfType方法，向上遍历父element，找到Navigator的element就把他的state返回，state中封装了各种push、pop方法

@override
State ancestorStateOfType(TypeMatcher matcher) {
  assert(_debugCheckStateIsActiveForAncestorLookup());
  Element ancestor = _parent;
  while (ancestor != null) {
    if (ancestor is StatefulElement && matcher.check(ancestor.state))
      break;
    ancestor = ancestor._parent;
  }
  final StatefulElement statefulAncestor = ancestor;
  return statefulAncestor?.state;
}

为啥Navigator可以随意增删widget呢，其实他内部维护了一个用Overlay扩展的Stack，push粗糙的说其实就是往stack中配置多一个widget，然后rebuild。但是Stack是会把整个widgetList都进行绘制的，这样连续push页面后，会爆炸的。Overlay就是用来解决Stack的不足的，Overlay会把push的页面进行分类，是否需是否透明（如果透明，则下层widget也要参与绘制，反之不用）、要保存状态（如果不需要，那么在上层widget不透明的情况下，可以直接扔掉）。分类后，只有需要绘制的widget会按照顺序配置到Stack中rebuild。

以上是Navigator工作的简要描述。

通过了解Navigator的工作原理，可以看到，核心是Overlay，要自定义一个widget支持布局push、pop（类似安卓碎片的效果），那么完全可以把Overlay剥出来，Overlay本身支持of方法从子widget中获取他的state，他的state也提供了insert方法，可以插入一个widget。