이 코드를 작성한 뒤 iOS 시뮬레이터에서 이전 형태가 오류 없이 똑같이 유지되어 있는지 확인해보세요. 그리고 SafeAreaView에 edges라는 Props를 다음과 같이 설정해보세요.

App.js

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

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

  return (
    <SafeAreaProvider>
      <SafeAreaView edges={['bottom']}>
        <DateHead date={today} />
      </SafeAreaView>
    </SafeAreaProvider>
  );
}

const styles = StyleSheet.create({});

export default App;