시뮬레이터가 다시 잘 시작됐다면 방금 설치한 라이브러리를 프로젝트에 적용해봅시다.

이 라이브러리를 적용할 때는 우선 App 컴포넌트에서 SafeAreaProvider 컴포넌트를 사용해 기존 내용을 모두 감싸줘야 합니다. 기존의 SafeAreaView는 지워주세요.

App.js

import React from 'react';
import {StyleSheet} from 'react-native';
import DateHead from './components/DateHead';
import {SafeAreaProvider} from 'react-native-safe-area-context';

function App() {
  const today = new Date();

  return (
    <SafeAreaProvider>
      <DateHead date={today} />
    </SafeAreaProvider>
  );
}

const styles = StyleSheet.create({});

export default App;