CoreComponents

The core components can be divided into following categories

Basic Components

  • View: Most fundamental component for building a UI.
  • Text: for displaying text.
  • Image: for displaying images.
  • TextInput: for inputting text into the app via a keyboard.
  • Scrollview: provides a scrolling view that can host multiple components and views.
  • StyleSheet: provides an abstraction layer similar to CSS stylesheet.

User Interface

  • Button: basic button component for handling touches.
  • Switch: renders a boolean input.

List Views

  • FlatList: for rendering performant scrollable list.
  • SectionList: like FlatList, but divided into sections.

Android

  • BackHandler: detect hardware button presses for back navigation.
  • DrawerLayoutAndroid: renders DrawerLayout on android.
  • PermissionsAndroid: provides access to permission model introduced in Android M.
  • ToastAndroid: android toast alert.

iOS

  • ActionSheetIOS: to display an iOS action sheet or share sheet

Others

  • ActivityIndicator: to display a circular loading indicator.
  • Alert: to launch an alert dialog with specified title and message.
  • Animated: a library for creating fluid, powerful animations.
  • Dimensions: provides an interface for getting device dimensions.
  • KeyboardAvoidingView: provides a view that moves out of the way of the virtual keyboard automatically.
  • Linking: provides general interface to interact with both incoming and outgoing app links.
  • Modal: to display a modal.
  • PixelRatio: provides access to device's pixel density.
  • RefreshControl: used inside a ScrollView to add pull to refresh functionality.
  • StatusBar: to control the app's status bar.