是否可以在导航之前预先加载组件?

时间:2018-04-18 03:22:27

标签: reactjs react-native react-navigation react-native-router-flux

我的应用程序中的导航感觉有点笨拙,因为在初始化和第一次渲染调用完成之间总是有一段时间(即使只是一瞬间)页面为空。

我已尽我所能确保组件尽可能快地呈现。我已将我的图像缓存,并且在导航到我的redux存储中的组件之前,所有数据都可用。我在constructorcomponentDidMount之间的记录时间为51毫秒,这似乎是可以忽略不计的,但是您可以在视觉上看到组件闪烁到屏幕上。

我想知道是否有办法预加载组件并确保在显示屏幕之前渲染它。由于这是一个反应原生的应用程序,我不能只是“在屏幕外渲染”然后在我准备就绪时使用它,据我所知,但我可能错了。但是,我们也不希望所有的屏幕都被不断渲染。

能够做类似的事情。

Preloader.preload(<MyComponent />) .then(navigate('myComponent'))

真的很好。有时组件具有大型列表,需要一段时间才能呈现。当视图滑入屏幕时能够将列表放在那里会使应用程序的流程感觉更好。

0 个答案:

没有答案