2021-10-01
3984
#firebase#react native
Aman Mittal
17274
Oct 1, 2021 β‹… 14 min read

Setting up email authentication with React Native, react-navigation, and Firebase

Aman Mittal πŸ‘¨β€πŸ’» Developer πŸ‘‰ Node.js, React, React Native | Tech Blogger with 1M+ views on Medium

Recent posts:

do not vibe code your backend

Don’t vibe code your backend: The hidden dangers of BaaS

Explore the hidden dangers of BaaS, and how frontend-focused teams can use BaaS platforms without suffering from their major risks.

Peter Aideloje
Sep 4, 2025 β‹… 6 min read
Don’t Let AI Erase The Next Generation Of Dev Leaders

Don’t let AI erase the next generation of dev leaders

As AI tools take over more routine coding work, some companies are cutting early-career dev roles β€” a short-sighted move that could quietly erode the next generation of tech leaders if we aren’t careful.

Jack Herrington
Sep 4, 2025 β‹… 6 min read

daisyUI 5 is here: What’s new and what to expect

Explore daisyUI 5’s new features, performance upgrades, and theming engine built for Tailwind CSS 4 developers.

Ikeh Akinyemi
Sep 4, 2025 β‹… 8 min read
React and Fluent State Article by LogRocket

Building real-time state management with React and Fluent-State

Learn a clean pattern for real-time AI chat in React using Fluent-state: immutable history, async streaming, derived UI state, and side effects without useEffect.

Ikeh Akinyemi
Sep 4, 2025 β‹… 7 min read
View all posts

7 Replies to "Setting up email authentication with React Native, react-navigation, and Firebase"

  1. Just letting you know you have a type above. (You forgot the i) Great article!!

    Create a new file called src/navgation/index.js file and add the following code snippet:

  2. Thank you a lot for the article, it’s an amazing tutorial.

    In case you want to display the login or sign up error message on the log in screen, here’s a tip:
    UseContext πŸ™‚

    In AuthProvider.js, add
    const [error, setError] = useState(”);
    return (
    >>
    Then where the error is caught:
    setError(“login error”); (or whatever error message you want to display).

    In the login screen, add:
    const {error} = useContext(AuthContext);

    Under the password input:
    {error}

    Here you go πŸ™‚

  3. Terrifically well done tutorial! Clearly explained which makes the information easily digestible. Thanks for your help πŸ˜‰

  4. Thanks for the tutorial Aman! I’ve also added a username to the registration.. how can I display this with firebase’s user.displayName property? Been on this for hours… plz help!

  5. Thanks for reading it Lucia!

    If you want to use user.displayName field, you’ll have to update user.updateProfile({ displayName: “User’s Name”}} when signing up a new user.

Leave a Reply