const {navigation} = props; 这个navigation从何而来

来源:5-6 基于导航框架实现页面间的跳转

慕神8170126

2023-08-27

export default (props: any) => {
const {navigation} = props;

写回答

1回答

CrazyCodeBoy

2023-08-28

在 React Native 中,这段代码中的 `navigation` 来自于组件的属性(props)。

通常情况下,当你在 React Native 中使用导航库(如 React Navigation)时,导航器(Navigator)会负责管理页面之间的导航和页面堆栈。在页面组件中,你可以通过属性传递给组件的方式来获取导航对象,这个导航对象通常被称为 `navigation`。

在你的代码中,`props` 是函数组件的参数,而 `{navigation}` 是从传递给函数组件的 `props` 中解构出来的。这表示你的组件需要从父组件(通常是导航器)获取一个 `navigation` 对象,以便在组件内部使用该对象来执行导航操作,例如导航到其他屏幕或返回上一个屏幕等。
0
1
慕神8170126
这里没有继承自什么其他组件,外部也没有通过props传递,怎么自然就有了这个navigation
2023-08-28
共1条回复

RN入门到进阶,打造高质量上线App

解锁React Native开发应用新姿势,React Native新版本热门技术

3108 学习 · 3225 问题

查看课程