Javascript 如何返回到react native navigation v5中的另一个堆栈？

我想从AboutStack中的About组件导航到HomeStack中的Home Details：

HomeStack.js

export default function HomeStack() {
    return (
        <Stack.Navigator>
            <Stack.Screen component={Home} name="Home" />
            <Stack.Screen component={HomeDetail} name="HomeDetail" />
        </Stack.Navigator>
    );
}

---

如何从HomeStack中的HomeDetails屏幕返回到About Stack中的About屏幕？

我通过将url参数传递到HomeDetail屏幕解决了此问题，如下所示：

关于.js

<Button
    title="Go Home details"
    onPress={() => navigation.navigate('HomeStack', { screen: 'HomeDetail' })} />

navigation.navigate('HomeDetail', { url: 'About' })

HomeDetail.js

    <Button onPress={() => navigation.goBack()} title="Go back" />

function HomeDetail({ navigation, route }) {
    console.log(route);
    return (
        <View style={{ marginTop: 300 }}>
            <Text>Home Detail</Text>
            <Button onPress={() => navigation.navigate(route.params.url)} title="Go back" />
        </View>
    );
}

函数HomeDetail（{导航，路由}）{
控制台日志（路由）；
返回(
家庭细节
navigation.navigate（route.params.url）}title=“返回”/>
);
}

我通过向HomeDetail屏幕传递url参数解决了这个问题，如下所示：

关于.js

<Button
    title="Go Home details"
    onPress={() => navigation.navigate('HomeStack', { screen: 'HomeDetail' })} />

navigation.navigate('HomeDetail', { url: 'About' })

HomeDetail.js

    <Button onPress={() => navigation.goBack()} title="Go back" />

function HomeDetail({ navigation, route }) {
    console.log(route);
    return (
        <View style={{ marginTop: 300 }}>
            <Text>Home Detail</Text>
            <Button onPress={() => navigation.navigate(route.params.url)} title="Go back" />
        </View>
    );
}

函数HomeDetail（{导航，路由}）{
控制台日志（路由）；
返回(
家庭细节
navigation.navigate（route.params.url）}title=“返回”/>
);
}