Как сделать ленивую загрузку в реагировать на натив с маршрутизатором потока для лучшей производительности?

Question

Для лучшей производительности приложения я обнаружил, что ленивая загрузка может быть лучшим решением. Я нашел этот документ. Я пробовал это, но это не будет работать с router-flux. Я не знаю, как реализовать это с реагирующим родом router-flux. Также я не уверен, можно ли это сделать или нет. Если есть какой-либо способ выполнить отложенную загрузку, пожалуйста, помогите мне. Следующее является частью основного root файл

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>

Можно ли выполнять ленивую загрузку на каждом экране? Я не знаю, как работает ленивая загрузка. Пожалуйста, помогите мне найти решение. Спасибо!

Answer 1

Согласно документации :

Ленивая загрузка - это отличный способ оптимизировать ваш сайт , а не приложение (поясняется ниже), ион делает это, разбивая ваш код на логические точки останова, а затем загружая его, когда пользователь сделал что-то, что требует или потребует новый блок кода.

Объяснение:

Поскольку в React-native component или Scene (в router-flux) играют роль, только когда пользователь перенаправляется на него.Таким образом, вы можете сказать, что отложенная загрузка уже реализована в структуре фреймворка.

Загрузка Lazy фактически загружает фрагмент кода, когда это действительно требуется, и это то, что по умолчанию для Android и iOS жизненный цикл деятельности делает.Вам не нужно беспокоиться о производительности, поскольку обе ОС эффективно управляют жизненным циклом приложения.

Более того, вы можете применять концепцию отложенной загрузки в нескольких частях вашего приложения, например, сначала отображать текстовые данные и загружать изображения в фоновом режиме в виде списка.или вы можете выполнить вызов API только для определенного действия и т. д.