problem quitting the app when on the wrong screen

Current Behavior

• The first screen that opens is the home screen, I go to the settings screen through the tabbar and come back to the home screen through the tabbar. Then, while on the home screen, I press the android back button and go to the settings screen. When I press the android back button again, the application quits

Expected Behavior

• I am waiting for the application to exit when I press the android back button while on the home screen.

Code Sample

const HomeStack = createStackNavigator();

function HomeStackScreen() {
    return (
        <HomeStack.Navigator>
            <HomeStack.Screen name="Home" component={Home} />
            <HomeStack.Screen name="Detail" component={Detail} />
        </HomeStack.Navigator>
    );
}

const SettingsStack = createStackNavigator();

function SettingsStackScreen() {
    return (
        <SettingsStack.Navigator>
            <SettingsStack.Screen name="Settings" component={Settings} />
            <SettingsStack.Screen name="Profile" component={Profile} />
        </SettingsStack.Navigator>
    );
}

const Tab = createBottomTabNavigator();

function MainTabs() {
    return (
        <Tab.Navigator>
            <Tab.Screen name="Home" component={HomeStackScreen} />
            <Tab.Screen name="Settings" component={SettingsStackScreen} />
        </Tab.Navigator>
    )
}

const RootStack = createStackNavigator();

return (
    <NavigationContainer>
        <RootStack.Navigator>
            <RootStack.Screen name="Main" component={MainTabs} />
        </RootStack.Navigator>
    </NavigationContainer>
);

Your Environment

Start by reproducing the Android back-button sequence described with the HomeStack, SettingsStack, MainTabs, and RootStack navigation structure. Trace how tab changes affect the navigation state, then verify that pressing back from the settings screen after returning to home exits as expected.