如何在用路由器通量中进行React Native的懒惰加载,以提高性能



对于更好的应用程序性能,我发现懒惰加载可以是一个更好的解决方案。。我不知道如何使用React-Native Router-flux.lo.我不确定是否可以完成。文件

root.js

import DrawerItems from './component/drawerItems';
import DashBoard from './pages/dashBoard';
import Profile from './pages/profile';
import AnswerInner from './pages/answer_inner';
....
 <Router>
                <Scene
                    key="root"
                    hideNavBar={true}
                >
                    <Scene
                        drawer={true}
                        hideNavBar={true}
                        contentComponent={DrawerItems}
                    >
                        <Scene key="inDrawer">
                            <Scene
                                key="spalshPage"
                                hideNavBar={true}
                                component={SplashPage}
                            />
                            <Scene
                                key="dashBoard"
                                hideNavBar={true}
                                component={DashBoard}
                            />
                            <Scene
                                key="profile"
                                hideNavBar={true}
                                component={Profile}
                            />
                           </Scene>
                         </Scene>
                        </Scene>
                       </Router>

是否可以在每个屏幕上进行懒惰的加载?我不知道懒惰加载背后的实际工作。请帮助我找到解决方案。谢谢!

根据 documentation

懒惰加载是优化您的 site not App (在下面说明)的好方法,它可以通过在逻辑断点上分配代码,然后加载它来做到这一点一旦用户完成了需要或需要新的代码块的事情。

解释:

由于在反应的A componentScene(在路由器中)仅在用户重定向到它时才发挥作用。因此,您可以说懒惰加载已经在框架的文章中插入。

懒惰加载实际上是在真正需要的时候加载一块代码,这就是Android&amp;iOS默认活动生命周期做。您不必担心性能,因为两个操作系统都可以有效地处理应用程序生命周期。

此外

相关内容

  • 没有找到相关文章

最新更新