美文网首页
ReactNative中Component生命周期实现

ReactNative中Component生命周期实现

作者: xinguoshui | 来源:发表于2018-08-07 09:06 被阅读0次

在Libraries/Renderer/oss/ReactNativeRenderer.js中。

Libraries/ReactNative/AppRegistry.js runApplication
Libraries/ReactNative/renderApplication.js renderApplication
    ReactNative.render(renderable, rootTag);
Libraries/Renderer/oss/ReactNativeRenderer.*.js
    updateContainer
    scheduleRootUpdate
    scheduleWork
    performWorkOnRoot
    renderRoot
        performUnitOfWork
        appendAllChildren
    completeRoot
        commitRoot
        commitAllHostEffects
        commitPlacement
        appendChildToContainer
        UIManager.setChildren
        UIManagerModule.java
            mUIImplementation.setChildren(viewTag, childrenTags);
       commitRoot
       commitLifeCycles
       componentDidMount

render: function(element, containerTag, callback) {
    var root = roots.get(containerTag);

    if (!root) {
      // TODO (bvaughn): If we decide to keep the wrapper component,
      // We could create a wrapper for containerTag as well to reduce special casing.
      root = NativeRenderer.createContainer(containerTag, false);
      roots.set(containerTag, root);
    }
    NativeRenderer.updateContainer(element, root, null, callback);

    return NativeRenderer.getPublicRootInstance(root);
  }

相关文章

网友评论

      本文标题:ReactNative中Component生命周期实现

      本文链接:https://www.haomeiwen.com/subject/qcqovftx.html