5.2.5.4 헤더 숨기기

이번에는 헤더가 없는 화면을 만들어보겠습니다. screens 디렉터리에 HeaderlessScreen.js 파일을 생성해 다음과 같이 코드를 작성하세요.

screens/HeaderlessScreen.js

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

function HeaderlessScreen({navigation}) {
  return (
    <View>
      <Text>Header가 없네?</Text>
      <Button onPress={() => navigation.pop()} title="뒤로가기" />
    </View>
  );
}

export default HeaderlessScreen;

iOS에서는 헤더가 없으면 뒤로 갈 방법이 없어서 뒤로가기를 호출하는 버튼을 준비했습니다.