React Native中的``预渲染''屏幕

Question

所以基本上：我有一份工作清单，这是我的JobsView。当某人单击作业时，我会将他们导航到“作业”视图，在其中显示带有反应本机贴图和作业详细信息的作业位置。 但是，每次渲染一次本机地图可能要花费相当长的时间。 （1秒） 所以：

1. 在JobsScreen上，我点击一个职位
2. 我启动了导航功能
3. JobScreen渲染地图和细节。这是一个问题，因为这每次需要1秒钟，因此我想以某种方式预渲染地图，但不知道如何渲染。 ：/。 （或者是否有更好的方法来执行此类操作？）

Answer 1

我认为这是一个很好的问题，每次您触摸back按钮时，导航都会导致地图视图被丢弃。

所以我的建议是使用CSS。您创建了地图组件，但使用CSS样式将其隐藏。

当用户单击列表项而不是导航时，我们将显示地图组件（再次通过CSS样式）。

因为我们不使用导航=>，所以您可以：  +情况1：自定义后退按钮触摸行为以隐藏地图，或者  +情况2：为地图构建一个关闭按钮。

就是这个想法。希望对您有所帮助。