防止卸载 react-navigation stacknavigator 屏幕

Question

我有屏幕 A（仪表板）和屏幕 B（详细信息）。

当您单击仪表板中的按钮时，您将导航到详细信息。这是通过 react-navigation (v1.5) 堆栈路由器完成的。当您向后导航时，详细信息屏幕将被卸载并返回仪表板。

当您返回导航时，是否可以保持安装详细信息屏幕？

Answer 1

尝试使用最新的 react-navigation v3。这样，stackNavigator 将不会在导航期间卸载组件。示例

import React from 'react';
import { Button, View, Text } from 'react-native';
import { createStackNavigator, createAppContainer } from 'react-navigation';

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Home Screen</Text>
        <Button
          title="Go to Details"
          onPress={() => this.props.navigation.navigate('Details')}
        />
      </View>
    );
  }
}