“ console.error”操作“ NAVIAGTE”和有效载荷未由任何导航器处理

Question

实现嵌套导航器后，我在盘尾出现错误，没有得到渲染，我遵循文档并尝试了此方法

onPress = {
    () => navigate({
        name: 'Dishdetail',
        params: {
            screen: "Dishi",
            dishId: item.id
        }
    })
}

但仍然错误。

Answer 1

您的导航功能应如下所示。

onPress={()=>this.props.navigation.navigate('Dishdetail', { screen: "Dishi" , dishId: item.id })}

根据您提供的代码，您没有以Dishdetail的名称定义任何路由，因此将Dish detail更改为Dishdetail，如下所示。

<Homenavigator.Screen
            name="Dishdetail"
            component={Home}
        />