더북(TheBook)

화면 등록 후에는 ArticleScreen 컴포넌트에서 id 라우트 파라미터를 조회하는 코드를 작성해보세요.

screens/ArticleScreen.tsx

import {RouteProp, useRoute} from '@react-navigation/core';
import React from 'react';
import {View, StyleSheet, Text} from 'react-native';
import {RootStackParamList} from './types';

type ArticleScreenRouteProp = RouteProp<RootStackParamList, 'Article'>;

function ArticleScreen() {
  const {params} = useRoute<ArticleScreenRouteProp>();
  return (
    <View style={styles.block}>
      <Text>{params.id}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  block: {},
});

export default ArticleScreen;
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.