다음으로 이 탭 내비게이터에 들어갈 화면을 만들어야 합니다. 홈 화면과 내 프로필 화면을 넣을 때 FeedScreen과 MyProfileScreen 화면을 바로 만들어 넣지 않고 HomeStack과 MyProfileStack 컴포넌트를 만들어 넣을 겁니다. 각 탭에서 화면 하나만 보여주는 게 아니라 탭 안에서 다른 화면을 또 보여줘야 하는 상황이 있기 때문입니다. 예를 들어 홈 탭에서는 처음에 포스트 목록 화면을 보여주지만, 여기서 사용자 프로필 화면으로 이동하고 또 해당 사용자의 단일 포스트 화면으로 이동할 수 있습니다. 내 프로필 화면에서는 내가 올린 단일 포스트 화면으로 이동할 수 있지요.

화면의 타이틀은 네이티브 스택 내비게이터에서 관리할 것이기 때문에 하단 탭 내비게이터의 헤더를 숨김 처리했습니다.

이어서 네 개의 컴포넌트를 만들어봅시다. FeedScreen을 만들어 HomeStack에 넣고, MyProfileScreen을 만들어 MyProfileStack에 넣으세요.

screens/FeedScreen.js

import React from 'react';
import {View} from 'react-native';

function FeedScreen() {
  return <View />;
}
                      
export default FeedScreen;