flex 스타일 속성을 1로 설정하는 것은 자신이 위치한 곳의 영역을 모두 차지하겠다는 의미입니다. 지금은 컴포넌트 내용이 비어있기 때문에 정말 모든 영역을 차지하고 있는지 알아보기 힘든데요. 이럴 때 배경색을 설정해보면 스타일 속성이 잘 적용됐는지 쉽게 검토할 수 있습니다. 다음과 같이 말이죠.

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

▲ 그림 2-15 전체 영역 차지 검토