Version: 3.x

Navigation views

Navigation views are presentation components that take a router and a navigation prop, and can display several screens, as specified by the navigation.state.

Navigation views are controlled React components that can present the current navigation state. They manage switching of screens, animations and gestures. They also present persistent navigation views such as tab bars and headers.

Built in Views

  • StackView - Present a stack that looks suitable on any platform
    • StackViewCard - Present one card from the card stack, with gestures
    • Header - The header view for the card stack
  • SwitchView - A navigator that only ever show one screen at a time, useful for authentication flows.
  • Tabs - A configurable tab switcher / pager
  • Drawer - A view with a drawer that slides from the left

Transitioner

Transitioner manages the animations during the transition and can be used to build fully custom navigation views. It is used inside the StackView view. Learn more about Transitioner here.