2.8.1 UI 준비하기
기능을 구현하기 전에 먼저 UI(사용자 인터페이스)를 준비해봅시다.
카운터는 화면의 전체 영역을 사용합니다. 따라서 가장 먼저 해야 하는 작업은 App 컴포넌트의 SafeAreaView가 전체 영역을 사용하게끔 설정하는 것입니다. 이 작업은 flex 스타일 속성을 1로 설정하면 됩니다.
App 컴포넌트의 코드를 다음과 같이 변경해주세요.
App.js
import React, {useState} from 'react';
import {SafeAreaView, StyleSheet} from 'react-native';
const () => {
return (
<SafeAreaView style={styles.full}>
</SafeAreaView>
);
};
const styles = StyleSheet.create({
full: {
flex: 1,
},
});
export default App;