React-native 组件缓存(或防止卸载)(react-navigation)

Question

所以我的问题很简单。

我有一个通过 react 导航的导航。设想

从屏幕 A 导航到屏幕 B。
- 屏幕 B 中的每个组件正在安装/创建

从 B 回到 A
- 正在卸载屏幕 B 中的每个组件

再次从 A 导航到 B
- 屏幕 B 中的每个组件都重新安装。

有什么办法可以防止吗？数据不是问题，我将它们保存在 redux 存储中。 shell 带有组件。

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

有任何想法吗？

Answer 1

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

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

所以作为一个方便的技巧，你可以使用任何 标签导航器 并隐藏标签栏。

因为只有标签导航器 即使您离开屏幕，它也会在其堆栈中保留所有屏幕。

看到这个，

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

这将保留选项卡中的所有屏幕，您也不会看到任何选项卡。