updateChild method

  1. @protected
Element updateChild (
  1. Element child,
  2. Widget newWidget,
  3. dynamic newSlot
)
@protected, inherited

Update the given child with the given new configuration.

This method is the core of the widgets system. It is called each time we are to add, update, or remove a child based on an updated configuration.

If the child is null, and the newWidget is not null, then we have a new child for which we need to create an Element, configured with newWidget.

If the newWidget is null, and the child is not null, then we need to remove it because it no longer has a configuration.

If neither are null, then we need to update the child's configuration to be the new configuration given by newWidget. If newWidget can be given to the existing child (as determined by Widget.canUpdate), then it is so given. Otherwise, the old child needs to be disposed and a new child created for the new configuration.

If both are null, then we don't have a child and won't have a child, so we do nothing.

The updateChild method returns the new child, if it had to create one, or the child that was passed in, if it just had to update the child, or null, if it removed the child and did not replace it.

The following table summarizes the above:

newWidget == nullnewWidget != null
child == nullReturns null.Returns new Element.
child != nullOld child is removed, returns null.Old child updated if possible, returns child or new Element.

Implementation

@protected
Element updateChild(Element child, Widget newWidget, dynamic newSlot) {
  if (newWidget == null) {
    if (child != null)
      deactivateChild(child);
    return null;
  }
  Element newChild;
  if (child != null) {
    bool hasSameSuperclass = true;
    // When the type of a widget is changed between Stateful and Stateless via
    // hot reload, the element tree will end up in a partially invalid state.
    // That is, if the widget was a StatefulWidget and is now a StatelessWidget,
    // then the element tree currently contains a StatefulElement that is incorrectly
    // referencing a StatelessWidget (and likewise with StatelessElement).
    //
    // To avoid crashing due to type errors, we need to gently guide the invalid
    // element out of the tree. To do so, we ensure that the `hasSameSuperclass` condition
    // returns false which prevents us from trying to update the existing element
    // incorrectly.
    //
    // For the case where the widget becomes Stateful, we also need to avoid
    // accessing `StatelessElement.widget` as the cast on the getter will
    // cause a type error to be thrown. Here we avoid that by short-circuiting
    // the `Widget.canUpdate` check once `hasSameSuperclass` is false.
    assert(() {
      final int oldElementClass = Element._debugConcreteSubtype(child);
      final int newWidgetClass = Widget._debugConcreteSubtype(newWidget);
      hasSameSuperclass = oldElementClass == newWidgetClass;
      return true;
    }());
    if (hasSameSuperclass && child.widget == newWidget) {
      if (child.slot != newSlot)
        updateSlotForChild(child, newSlot);
      newChild = child;
    } else if (hasSameSuperclass && Widget.canUpdate(child.widget, newWidget)) {
      if (child.slot != newSlot)
        updateSlotForChild(child, newSlot);
      child.update(newWidget);
      assert(child.widget == newWidget);
      assert(() {
        child.owner._debugElementWasRebuilt(child);
        return true;
      }());
      newChild = child;
    } else {
      deactivateChild(child);
      assert(child._parent == null);
      newChild = inflateWidget(newWidget, newSlot);
    }
  } else {
    newChild = inflateWidget(newWidget, newSlot);
  }

  assert(() {
    if (child != null)
      _debugRemoveGlobalKeyReservation(child);
    final Key key = newWidget?.key;
    if (key is GlobalKey) {
      key._debugReserveFor(this, newChild);
    }
    return true;
  }());

  return newChild;
}