더북(TheBook)

이 화면은 post 객체를 라우트 파라미터로 받아옵니다. 그리고 PostCard를 보여주는데, 텍스트가 길어지면 스크롤할 수 있어야 하니 ScrollView로 감싸줬습니다. 내용이 사진 업로드 버튼과 겹쳐질 시 스크롤할 수 있도록 paddingBottom 스타일을 설정해줬습니다.

컴포넌트를 다 만들었으면 PostScreenHomeStack에 등록해주세요. 화면의 타이틀은 게시물로 설정하세요.

screens/HomeStack.js

import React from 'react';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import FeedScreen from './FeedScreen';
import ProfileScreen from './ProfileScreen';
import PostScreen from './PostScreen';

const Stack = createNativeStackNavigator();

function HomeStack() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Feed" component={FeedScreen} />
      <Stack.Screen name="Profile" component={ProfileScreen} />
      <Stack.Screen
        name="Post"
        component={PostScreen}
        options={{title: '게시물'}}
      />
    </Stack.Navigator>
  );
}

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