Expo Components

<StatusBar>

• expo install expo-status-bar
• 상태표시줄의 모양 설정을 돕는 컴포넌트
• props
  • style : ‘auto’ | ‘dark’ | ‘light’ | ‘invert’ auto 설정 시 배경색을 인식하여 적합한 스타일 적용.
    

import {StatusBar} from 'expo-status-bar'

<StatusBar />

💡 expo install vs npm install
expo에서 지원하는 패키지의 경우 expo install 을 통해 설치를 하면 현재 사용중인 프로젝트에 알맞은 버전을 찾아 설치하도록 도와줌.

<LinearGradient>

• expo install expo-linear-gradient
• 그라데이션 생성을 돕는 컴포넌트
• colors 속성으로 색상 배열 전달 => 배열에 있는 색상으로 그라데이션 적용

<LinearGradient
  colors={["#e8f0ff", "#bdcae4", "#bdcae4"]}
>

vetor icons🎨

• expo로 프로젝트 설치 시 자동으로 아이콘 패키지가 포함됨

• expo vector icons 문서

• icon 검색 링크

• 사용 법

  • import { 아이콘패키지 } from '@expo/vector-icons'
  • <아이콘패키지 name="아이콘이름" />

  import { AntDesign } from '@expo/vector-icons';
  
  <AntDesign name="message1" size={24} color="black" />