Skip to main content

핵심 컴포넌트와 API

React Native는 앱 개발에 바로 사용할 수 있는 여러 코어 컴포넌트를 제공한다. 좌측 사이드바(또는 화면이 좁을 경우 상단 메뉴)에서 모든 컴포넌트를 확인할 수 있다. 시작하기 어려운 경우 아래 카테고리를 참고한다:

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

기본 컴포넌트​

대부분의 앱은 다음 기본 컴포넌트 중 하나 이상을 사용한다.

View

UI를 구축하는 데 가장 기본이 되는 컴포넌트다.

Text

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

Image

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

TextInput

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

ScrollView

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

StyleSheet

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

사용자 인터페이스​

다음은 플랫폼에 상관없이 동일하게 렌더링되는 일반적인 사용자 인터페이스 컨트롤이다.

버튼

어떤 플랫폼에서도 자연스럽게 렌더링되는 기본 버튼 컴포넌트로, 터치 이벤트를 처리한다.

스위치

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

리스트 뷰​

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

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