DayLog 프로젝트에는 두 종류의 내비게이션을 사용합니다. RootStack은 네이티브 스택 내비게이션이고, MainTab은 하단 탭 내비게이션입니다.
FeedsScreen은 작성한 글을 목록 형태로 보여주는 화면입니다. CalendarScreen은 달력 형태로 글을 조회하는 화면입니다. SearchScreen은 글을 검색할 수 있는 화면입니다.
WriteScreen은 글을 작성하거나 수정하는 화면인데, MainTab에 넣지 않고 RootStack에 넣어서 이 화면이 나타날 때는 하단 탭이 나타나지 않도록 설정했습니다.
자, 이 화면들을 위한 컴포넌트를 미리 만들어줍시다. 프로젝트 디렉터리에 screens 디렉터리를 만들고 다음과 같이 화면들을 준비해주세요.
screens/FeedsScreen.js
import React from 'react'; import {StyleSheet, View} from 'react-native'; function () { return <View style={styles.block} />; } const styles StyleSheet. ({ block: {}, }); export default FeedsScreen;