RN导航的基本用法

导航的基本用法

定义

单独文件navigation.js定义， 后续在需要导航对象的地方引入navigation.js即可使用navigationRef对象。
export const navigationRef = createNavigationContainerRef();
此文件中可以更加需要抛出navigation的常用方法，如goBack()，navitate('routeName)

赋值给导航器
 <NavigationContainer ref={navigationRef}>
      <Stack.Navigator>...
      <Stack.Navigator>
 </NavigationContainer>

跳转并传递参数

import {navigate} from '../../utils/navigation';


 navigate('UserInfo');
 navigate('UserInfo', {id: 1});

接收参数

console.log('navigation param', props.route.params);