다음으로 DetailScreen 컴포넌트에서 라우트 파라미터를 조회해 화면에 나타내겠습니다.

screens/DetailScreen.js

import React from 'react';
import {View, Text, StyleSheet} from 'react-native';

function DetailScreen({route}) {
  return (
    <View style={styles.block}>
      <Text style={styles.text}>id: {route.params.id}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  block: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  text: {
    fontSize: 48,
  },
});

export default DetailScreen;