이미지가 잘 나타났나요? 안드로이드 시뮬레이터를 자세히 보면 이미지의 배경색은 흰색인 반면 그 뒤의 화면 배경색은 연한 회색인 것을 확인할 수 있습니다. 안드로이드의 배경색은 기본적으로 흰색이 아닌 연한 회색입니다. 안드로이드 앱을 디자인할 때는 이 점에 주의해주세요.

이미지와 화면의 배경색 차이가 발생하지 않도록 App 컴포넌트의 block 스타일을 다음과 같이 변경하세요.

App.js - styles

const styles = StyleSheet.create({
  block: {
    flex: 1,
    backgroundColor: 'white',
  },
});

이것으로 프로젝트의 기반을 모두 잡았습니다. 이제 본격적인 기능을 구현해볼 차례입니다.