parmas 주고 받기

navigation.navigate('Details', **{
  itemId: 86,
  text: 'anything you want here',
}**);

function DetailsScreen({ route, navigation }) {
  const **{ itemId, otherParam } = route.params;**
	// ...
}

initalParams

<Screen
  name="Details"
  component={DetailsScreen}
  initialParams={{ itemId: 42 }}
/>

TypeScript

type MainStackParamList = {
	//...
  ModalStack: {
    screen: keyof ModalStackParamList,
    params?: { 
      pinpoint?: PinPoint 
    }
  }
};

type ModalStackParamList = {
  MakePinPointModal: { pinpoint?: PinPoint },
	//...
}

mainNav.navigate("ModalStack", { screen: 'MakePinPointModal', params: {pinpoint: item} })}>
modalNav.navigate("MakePinPointModal", {pinpoint}); // xx

• stack의 내부 화면으로 접근하려면 params로 감싸줘서 넘겨줘야 한다.
• 바로 modalNav로 접근할 경우 에러가 뜬다..

사용하는 법

Props의 route 사용하기

interface Props {
    route:RouteProp<ParamListBase, string>
}
const MakePinPointModal = (props: Props) => {
    const route = useRoute();
    console.log(route, props.route);
		//...
}

useRoute 사용하기.

type ModalStackParamList = {
    MakePinPointModal: {
		    pinpoint?: PinPoint,
		    editIndex?: number
	  },
    MakeCouponModal: undefined,
    MyCoupon: undefined
  }