javascript - 切换选项卡导航时关闭组件

Question

我有一个带有底部标签导航的应用程序。在其中一个选项卡中，我有一个堆栈导航。我转到第二个屏幕。当我使用底部选项卡更改选项卡并返回到具有堆栈导航的选项卡时，它仍在第二个屏幕上。

是否有可能当您离开该屏幕然后返回时，它会返回到原始的“initialRouteName”屏幕。

这是我的堆栈导航器的代码。

export default class EScreen extends React.Component{
    render() {
        return (
            <NavigationContainer>
                <Stack.Navigator initialRouteName="Home">
                    <Stack.Screen
                        name="Home"
                        options={{
                            headerShown: false
                        }}
                        component={HomeScreen}
                    />
                    <Stack.Screen
                        name="Details"
                        component={DetailsScreen}
                        params={{data: []}}
                    />
                </Stack.Navigator>
            </NavigationContainer>
        );
    }
}

标签： javascriptreact-nativereact-navigation