为组件屏幕道具中的打字稿反应导航类型

Question

组件屏幕中的 navigation 道具出现警告或错误

export default function FoodMenuList({ navigation }) {}

因为我没有为 navigation 指定类型

Binding element 'navigation' implicitly has an 'any'

我尝试搜索导航道具类型以进行反应导航，但我没有找到

什么是 react-navigation 导航道具类型？

或者可能是？

export default function FoodMenuList({ navigation }: {navigation: {navigate:Function}}) {}

或者可能有更好的解决方案？

Answer 1

尝试 useNavigation 中的 @react-navigation/native 钩子，查看文档 useNavigation

<块引用>

useNavigation 是一个钩子，可以访问导航对象。当你不能直接将导航 prop 传递到组件中，或者在嵌套很深的孩子的情况下不想传递它时，它很有用。

你也可以写

interface Props {
  navigation: NavigationType;
}

FoodMenuList({ navigation }: Props)

如果你正在使用类组件或者你不会使用useNavigation