Core Components and APIs · React Native

React Native provides a number of built-in Core Components ready for you to use in your app. You can find them all in the left sidebar (or menu above, if you are on a narrow screen). If you're not sure where to get started, take a look at the following categories:
You're not limited to the components and APIs bundled with React Native. React Native has a community of thousands of developers. If you're looking for a library that does something specific, please refer to this guide about finding libraries.
Most apps will end up using one or more of these basic components.
The most fundamental component for building a UI.
A component for displaying text.
A component for displaying images.
A component for inputting text into the app via a keyboard.
A wrapper component that can detect various stages of press interactions on any of its children.
Provides a scrolling container that can host multiple components and views.
Provides an abstraction layer similar to CSS stylesheets.
These common user interface controls will render on any platform.
A basic button component for handling touches that should render nicely on any platform.
Renders a boolean input.
Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a performant choice for displaying long lists of data.
A component for rendering performant scrollable lists.
Like FlatList, but for sectioned lists.
Many of the following components provide wrappers for commonly used Android classes.
Detect hardware button presses for back navigation.
Renders a DrawerLayout on Android.
Provides access to the permissions model introduced in Android M.
Create an Android Toast alert.
Many of the following components provide wrappers for commonly used UIKit classes.
API to display an iOS action sheet or share sheet.
These components may be useful for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left (or menu above, if you are on a narrow screen).
Displays a circular loading indicator.
Launches an alert dialog with the specified title and message.
A library for creating fluid, powerful animations that are easy to build and maintain.
Provides an interface for getting device dimensions.
Provides a view that moves out of the way of the virtual keyboard automatically.
Provides a general interface to interact with both incoming and outgoing app links.
Provides a simple way to present content above an enclosing view.
Provides access to the device pixel density.
Exposes the resolved React Native package version on the JS side.
This component is used inside a ScrollView to add pull to refresh functionality.
Component to control the app status bar.