React-native 组件缓存（或防止卸载）（react-navigation）

Question

所以我的问题很简单。

我通过 react-navigation 进行导航。场景

1. 从屏幕 A 导航到屏幕 B。
   - 屏幕 B 中的每个组件都在安装/创建
2. 从B回到A
   - 屏幕 B 中的每个组件正在卸载
3. 再次从 A 导航到 B
   - 屏幕 B 中的每个组件都在重新安装。

有什么办法可以防止这种情况发生吗？数据不是问题，我将它们保存在 redux 存储中。案例与组件。

在我的应用程序中，用户将不断在两个屏幕之间切换，我不想每次都构建其中一个。

有什么想法吗？

Answer 1

嗯，这不是一个完美的解决方案，

但我也搜索了很多，但找不到这个东西可以工作。

因此，作为一种方便的技巧，您可以使用任何 Tab Navigator 并隐藏 Tab Bar。

因为只有 Tab Navigator 会维护其堆栈中的所有屏幕，即使您离开屏幕也是如此。

看到这个，

export const MainTabs = createBottomTabNavigator(
    Home: {
           screen: Home,
           navigationOptions: () => {
               return { tabBarVisible: false };
           },
    }
    Dashboard: {
           screen: Dashboard,
           navigationOptions: () => {
               return { tabBarVisible: false };
           },
    }
)

这将在 Tab 中保留所有屏幕，您也不会看到任何 Tab。