是否可以在导航到组件之前预加载它？

Question

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

我已经尽我所能确保组件可以尽可能快地呈现。我已经缓存了我的图像，并且在导航到我的 redux 存储中的组件之前所有数据都可用。我得到之间51ms的记录的时间 constructor 和componentDidMount这似乎微不足道，但它是不够，你可以直观地看到组件Flash到屏幕上。

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

能够做类似的事情..

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

真的会很好。有时组件有很大的列表，需要一段时间来呈现。当视图滑入屏幕时，列表已经在那里，这会让应用程序的流程感觉好多了。