🚪
Doorman
  • Welcome to Doorman 👋
  • 🥂Getting Started
    • Setup
      • Configure Firebase
      • One-line deploy
    • Installation
    • Free Test Numbers
  • 🤖Example Code
    • Quick Example
    • Example Apps & Repositories
    • React Navigation Example
      • Doorman + React Navigation
  • 📱Auth Components
    • 🦁withPhoneAuth
    • 🔥AuthFlow
      • AuthFlow.ConfirmScreen
      • AuthFlow.PhoneScreen
    • Common Screen Props
    • UI Components
      • Page
      • ScreenBackground
      • Header
      • Input
      • H1
      • Paragraph
  • 👓Concepts
    • Accessing the current user
    • Add user to the database
      • User to DB code example
    • Signing out
  • 🍬Wrappers
    • AuthGate
    • DoormanProvider
  • 🐠React Hooks
    • useDoormanUser
    • useMaybeDoormanUser
    • useAuthGate
    • useAuthFlowState
  • 📕Resources
    • Deploying to the App Store
    • Web Support
  • Custom Auth Flow
    • Build your UI from scratch
      • Example App with Custom UI
      • Tutorial for Custom UI
    • doorman reference
Powered by GitBook
On this page

Was this helpful?

  1. 🤖Example Code

React Navigation Example

PreviousExample Apps & RepositoriesNextDoorman + React Navigation

Last updated 4 years ago

Was this helpful?

By default, Doorman's <AuthFlow /> component (or withPhoneAuth) implements its own "stack".

However, there's a good chance you have your own navigation solution, such as react-navigation, where you want to control where the screens appear.

Check out our brief example for using React Navigation below.

Want to see the code right away? Check out our example repos:

  • React Navigation (v4) Doorman Example

  • React Navigation (v5) Doorman Example

See the example + tutorial (for both v4 & v5!)

Doorman + React Navigation