防止卸载 react-navigation stacknavigator 屏幕

Question

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

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

当您返回时，是否可以保持详细信息屏幕处于安装状态？

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>
    );
  }
}