React Native Components

FlatList

A component for rendering performant scrollable lists.

Slider

A component used to select a single value from a range of values.

Alert

Launches an alert dialog with the specified title and message.

Linking

Provides a general interface to interact with both incoming and outgoing app links.

WebView

Stay Away Component. To be removed. Use react-native-webview fork of this component instead.

RefreshControl

This component is used inside a ScrollView to add pull to refresh functionality.

PickerIOS

[ ]

SafeAreaView

render content within the safe area boundaries of a device. iOS version 11 or later.

Image

A component for displaying images.

StatusBar

Component to control the app status bar.

ToastAndroid

Create an Android Toast alert.

BackHandler

Detect hardware button presses for back navigation.

ActivityIndicator

Displays a circular loading indicator.

ScrollView

Provides a scrolling container that can host multiple components and views.

Modal

Provides a simple way to present content above an enclosing view.

KeyboardAvoidingView

Provides a view that moves out of the way of the virtual keyboard automatically.

PixelRatio

Provides access to the device pixel density.

CameraRoll

Provides access to the local camera roll / gallery.

PermissionsAndroid

Provides access to the permissions model introduced in Android M.

StyleSheet

Provides an abstraction layer similar to CSS stylesheets.

DrawerLayoutAndroid

Renders a DrawerLayout on Android.

SnapshotViewIOS

[ ]

Button

A basic button component for handling touches that should render nicely on any platform.

Text

A component for displaying text.

TextInput

A foundational component for inputting text into the app via a keyboard.

Animated

A library for creating fluid, powerful animations that are easy to build and maintain.

NavigatorIOS

A wrapper around UINavigationController, enabling you to implement a navigation stack.

ActionSheetIOS

API to display an iOS action sheet or share sheet.

ViewPagerAndroid

Container that allows to flip left and right between child views. Each child view of the ViewPagerAndroid will be treated as a separate page and will be stretched to fill the ViewPagerAndroid. It is important all children are <View>s and not composite components. You can set style properties like padding or backgroundColor for each child. It is also important that each child have a key prop.

AlertIOS

Create an iOS alert dialog with a message or create a prompt for user input.

PushNotificationIOS

Handle push notifications for your app, including permission handling and icon badge number.

SectionList

Like FlatList, but for sectioned lists.

DatePickerAndroid

Opens the standard Android date picker dialog.

TimePickerAndroid

Opens the standard Android time picker dialog.

Dimensions

Provides an interface for getting device dimensions.

Clipboard

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

ProgressBarAndroid

Renders a ProgressBar on Android.

ToolbarAndroid

Renders a Toolbar on Android.

ProgressViewIOS

Renders a UIProgressView on iOS.

SegmentedControlIOS

Renders a UISegmentedControl on iOS.

TabBarIOS

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

Switch

Renders a boolean input.

DatePickerIOS

Renders a date/time picker (selector) on iOS.

ImagePickerIOS

Renders a image picker on iOS.

MaskedViewIOS

Renders the child view with a mask specified in the maskElement prop.

Picker

Renders the native picker component on iOS and Android.

VirtualizedList

Stay Away Component. Base implementation for the more convenient <FlatList> and <SectionList> components, which are also better documented. In general, this should only really be used if you need more flexibility than FlatList provides, e.g. for use with immutable data instead of plain arrays.

TouchableWithoutFeedback

Stay Away Component. Do not use unless you have a very good reason. All elements that respond to press should have a visual feedback when touched.

View

The most fundamental component for building a UI, View is a container that supports layout with flexbox, style, some touch handling, and accessibility controls. View maps directly to the native view equivalent on whatever platform React Native is running on, whether that is a UIView, <div>, android.view, etc. View is designed to be nested inside other views and can have 0 to many children of any type.

InputAccessoryView

Used to create custom toolbars.

TouchableNativeFeedback

Wrapper for making views respond properly to touches (Android only).

TouchableOpacity

Wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, dimming it.

TouchableHighlight

Wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, which allows the underlay color to show through, darkening or tinting the view.

TabBarIOS.Item

[ ]