React Native Navigation：在另一个文件的函数内部时无法在堆栈之间导航

Question

我对导航在React Native 中的工作方式有一些问题。
基本上我想做的是这样的：\\

虽然我在主页堆栈导航到称为首页进纸功能，子馈电堆。

这是我的代码

function Home({ navigation }) {

return (
    <ScrollView>
        <Feed/>
    </ScrollView>

主页.js

function Feed({ navigation }) {

return (
    <View>
        <Button title="nav1" 
                onPress={() => navigation.navigate('SubFeed')}/>
        <Button title="nav2" 
                onPress={() => navigation.navigate('Home', {screen: 'SubFeed'})}/>
    </View>

Feed.js

问题是，每当我尝试按下任何一个按钮时，我都会收到相同的错误：

TypeError: undefined is not an object (evaluating 'navigation.navigate') \\

当我搜索答案时，我不断看到有关屏幕的内容，但在我的情况下似乎不起作用。

• 我认为问题出在我试图从家里改变堆栈之外的事实，但我不明白为什么。

如果您有任何建议，或者甚至更好地回答我的问题，我将不胜感激。

Answer 1

在您的代码中，Feed 组件不知道导航属性。 因此，您可以将其作为来自父 Home 的道具传递，或者您可以使用react-navigation-hooks并使用const { navigate } = useNavigation(); 在 Feed 组件内。