현재 프로젝트인 할일 목록을 만들 때도 책에서 사용하는 청록색이 아니라 여러분이 좋아하는 색상을 사용해도 상관없습니다.

이제 방금 만든 컴포넌트를 App에서 사용해봅시다.

App.js

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

function App() {
  return (
    <SafeAreaView>
    <DateHead />
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({});

export default App;

DateHead 컴포넌트가 잘 나타났나요?

▲ 그림 3-5 DateHead 컴포넌트