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

  • CardStack - Present a stack that looks suitable on any platform
    • Card - Present one card from the card stack, with gestures
    • Header - The header view for the card stack
  • Tabs - A configurable tab switcher / pager
  • Drawer - A view with a drawer that slides from the left


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