javascript - React Native 中的“预渲染”屏幕

Question

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

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

Answer 1

我认为这是个好问题，每次您触摸 back 按钮时，导航都会导致您的 map View 消失。

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

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

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

就是这个意思。希望对您有所帮助。