@react navigation/nature和@react navigation/stack读取整个堆栈

Question

好的，所以我有我的App.js

<NavigationContainer>
<Stack.Navigator initialRouteName="Home">
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="Main" component={MainScreen} />
<Stack.Screen name="Login" component={LoginScreen} />
<Stack.Screen name="Pokus" component={PokusScreen} />
</Stack.Navigator>
</NavigationContainer>;

然后在我的主组件中，我重定向到主组件。

我通过这样的导航：

export default function Home({ navigation })

我的问题是：我现在可以读堆栈了吗？

我可以说：navigation.ReadStack()吗？

我想看什么？：我想看看类似{ { name: "Home", index: 0 }, { name: "Main", index: 1 } }的东西

这可能吗？

谢谢你的帮助！

编辑：我在主要组件中的代码

import React, { useState } from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
import { last_activity_token, UpdateActivity } from '../Models/activityModel';
import {useNavigationState} from '@react-navigation/native';
export default function Main({ navigation }) {
//constanty -- constants
const [activity, setActivity] = useState(new last_activity_token());
const Pokus = () => {
const state = useNavigationState(state => state);
alert(JSON.stringify(state.routes))
}
//Load event
React.useEffect(() => {
activity.page.name = "Main";
UpdateActivity(activity);
});
//vzhled stránky -- design of page 
return (
<View style={styles.layout}>
<Text>Main</Text>
<View style={styles.MainContent}>
<Text>Tady se to vše bude odehrávat</Text>
<Button onPress={Pokus}/>
</View>
</View>
);
}
//css
const styles = StyleSheet.create({
layout: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
MainContent: {
marginTop: 20
}
});

Answer 1

您可以使用useNavigationState钩子来获取当前状态，如下面的

https://reactnavigation.org/docs/use-navigation-state/

import {useNavigationState} from '@react-navigation/native';
const state = useNavigationState((state) => state);
alert(JSON.stringify(state.routes));

这将给出路线中屏幕的输出