코어 컴포넌트와 API

React Native는 앱 개발에 바로 사용할 수 있는 다양한 코어 컴포넌트를 제공한다. 좌측 사이드바(또는 좁은 화면에서는 상단 메뉴)에서 모든 컴포넌트를 확인할 수 있다. 어디서부터 시작해야 할지 모르겠다면 다음 카테고리를 참고한다:

• 기본 컴포넌트
• 사용자 인터페이스
• 리스트 뷰
• 안드로이드 전용
• iOS 전용
• 기타

React Native에 포함된 컴포넌트와 API만 사용해야 하는 것은 아니다. React Native는 수천 명의 개발자로 구성된 커뮤니티를 보유하고 있다. 특정 기능을 제공하는 라이브러리를 찾고 있다면 라이브러리 찾기 가이드를 참고한다.

기본 컴포넌트

대부분의 앱은 하나 이상의 기본 컴포넌트를 사용하게 된다.

View

UI를 구축하기 위한 가장 기본적인 컴포넌트다.

Text

텍스트를 표시하는 컴포넌트다.

Image

이미지를 표시하는 컴포넌트다.

TextInput

키보드를 통해 앱에 텍스트를 입력하는 컴포넌트다.

ScrollView

여러 컴포넌트와 뷰를 담을 수 있는 스크롤 가능한 컨테이너를 제공한다.

StyleSheet

CSS 스타일시트와 유사한 추상화 계층을 제공한다.

사용자 인터페이스

이 일반적인 사용자 인터페이스 컨트롤은 모든 플랫폼에서 렌더링된다.

Button

모든 플랫폼에서 잘 렌더링되는 기본 버튼 컴포넌트로, 터치 이벤트를 처리한다.

Switch

불리언 입력을 렌더링한다.

리스트 뷰

ScrollView와 달리, 아래의 리스트 뷰 컴포넌트들은 현재 화면에 보이는 엘리먼트만 렌더링한다. 이는 긴 데이터 리스트를 표시할 때 성능 면에서 유리한 선택지가 된다.

FlatList

성능이 뛰어난 스크롤 가능한 리스트를 렌더링하는 컴포넌트.

SectionList

FlatList와 유사하지만, 섹션으로 구분된 리스트를 위한 컴포넌트.

안드로이드 컴포넌트와 API

다음에 소개할 컴포넌트들은 일반적으로 사용되는 안드로이드 클래스를 감싸는 래퍼를 제공한다.

BackHandler

뒤로 가기 네비게이션을 위한 하드웨어 버튼 입력을 감지한다.

DrawerLayoutAndroid

안드로이드에서 DrawerLayout을 렌더링한다.

PermissionsAndroid

안드로이드 M에서 도입된 권한 모델에 접근할 수 있게 한다.

ToastAndroid

안드로이드 Toast 알림을 생성한다.

iOS 컴포넌트와 API

다음에 소개할 여러 컴포넌트는 UIKit 클래스를 흔히 사용하는 방식으로 감싸는 래퍼를 제공한다.

ActionSheetIOS

iOS 액션 시트 또는 공유 시트를 표시하는 API

기타 컴포넌트

이 컴포넌트들은 특정 애플리케이션에서 유용하게 사용될 수 있다. 모든 컴포넌트와 API 목록을 확인하려면 왼쪽 사이드바(또는 화면이 좁을 경우 상단 메뉴)를 참고한다.

ActivityIndicator

원형 로딩 표시기를 보여준다.

Alert

지정된 제목과 메시지로 알림 대화상자를 표시한다.

Animated

유연하고 강력한 애니메이션을 쉽게 만들고 관리할 수 있는 라이브러리다.

Dimensions

기기의 화면 크기를 가져오는 인터페이스를 제공한다.

KeyboardAvoidingView

가상 키보드가 나타날 때 자동으로 화면을 이동시켜주는 뷰를 제공한다.

Linking

앱으로 들어오거나 나가는 링크를 처리하는 일반적인 인터페이스를 제공한다.

Modal

기존 뷰 위에 콘텐츠를 표시하는 간단한 방법을 제공한다.

PixelRatio

기기의 픽셀 밀도에 접근할 수 있게 해준다.

RefreshControl

ScrollView 내부에서 사용되며, 화면을 당겨서 새로고침하는 기능을 추가한다.

StatusBar

앱의 상태 표시줄을 제어하는 컴포넌트다.