react-native – 多次调用React Native Navigator renderScene

原来

<Navigator initialRoute={{name:"Route 1",index: 1}} />

然后在发出navigator.push({name：“Route 2”,index：2})时,我的组件的render()方法被调用,它重新渲染Navigator,后者又调用renderScene.

在推送第二个路径并在renderScene被调用时记录路由后,得到：

Render() –> renderScene(),
{name:”Route 1″,index: 1}

Render() –> renderScene(),
{name:”Route 2″,index: 2}

有没有人知道为什么renderScene()被调用的次数与导航器堆栈中的路径一样多？这是预期的行为,如果它是如何加速渲染？

在最终渲染最后一个推送路线的场景之前尝试渲染5条路线的场景时会有很大的性能损失,而实际上它应该只调用render()一次以仅渲染最后推送路线的场景.

任何帮助是极大的赞赏.
谢谢！

这些是相关的片段：

nav.js

export function ListPage(){
    return {
        name: LIST_PAGE,index: 1
    }
}


Main App

<Navigator
        ref={(ref) => this.navigator = navigator = ref}
        initialRoute={nav.ListPage()}
        renderScene={(route,navigator)=>this.renderListingsScene(route,navigator)}
 />

renderListingsScene(route,navigator){
        console.log("renderScene()",route);

}