如何使用路由器通量在本机反应中进行延迟加载以获得更好的性能？

Question

为了获得更好的应用程序性能，我发现延迟加载可能更好solution.I我找到了 this 文档。我试过了，但这不适用于 router-flux .我不知道如何用 react-native router-flux.Also 实现这个我不确定它是否可以完成或者 not.If 有什么方法可以做延迟加载请帮助 me.Following是主根文件的一部分

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>

是否可以在每个屏幕上进行延迟加载？我不知道延迟背后的实际工作loading.Please帮我找一个solution.Thank你！

Answer 1

根据文档：

延迟加载是优化 site 而不是 app 的好方法（如下所述），它通过拆分代码来实现在逻辑断点处，然后在用户完成需要或将需要新代码块的操作后加载它。

解释：

因为在 React-native 中，component 或 Scene（在 router-flux 中）只有在用户重定向到它时才会起作用。所以你可以说 lazy loading 已经在框架的结构中实现了。

延迟加载实际上是在真正需要时加载一段代码，这就是 android & iOS 默认的 activity 生命周期 做。您无需担心性能，因为两者 OS 都能有效地处理应用程序生命周期。

此外，您可以在应用的多个部分应用延迟加载概念，例如首先显示文本数据并在列表视图中的背景中加载图像，或者您可以仅在特定操作时触发 api 调用等

如何使用路由器通量在本机反应中进行延迟加载以获得更好的性能？

How to do lazy loading in react native with router flux for better performance?

lazy-loading

reactjs

react-native

react-native-android

react-native-router-flux