React Native 中的“预渲染”屏幕

Question

所以基本上：我有一个包含一些工作的列表，这是我的JobsView。当有人单击作业时，我会将他们导航到作业视图，其中显示作业的位置以及 react-native-maps 和作业的详细信息。 但是每次渲染 react-native-maps 都需要相当长的时间。 (1s) 所以：

1. 在JobsScreen 我点击一个工作
2. 我触发了导航功能
3. JobScreen 渲染地图和细节。这是一个问题，因为每次需要 1 秒，所以我想以某种方式预渲染地图，但不知道如何。 ：/。 （或者有没有更好的方法来做这种事情？）

Answer 1

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

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

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

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

就是这样。希望对您有所帮助。