防止卸载react-navigation屏幕

Question

我有屏幕A(仪表板)和屏幕B(详细信息)。

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

是否可以在返回时保持详细信息屏幕的挂载状态？

Answer 1

尝试使用最新的react导航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>
    );
  }
}