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:

alexandra spalato ai hallucination quote

How to stop your AI agents from hallucinating: A guide to n8n’s Eval Node

Walk through a practical example of n8n’s Eval feature, which helps developers reduce hallucinations and increase reliability of AI products.

Alexandra Spalato
Sep 17, 2025 β‹… 6 min read

Secure your AI-generated projects with these security practices

Secure AI-generated code with proactive prompting, automated guardrails, and contextual auditing. A practical playbook for safe AI-assisted development.

Ikeh Akinyemi
Sep 16, 2025 β‹… 5 min read

Let’s kill vibe coding and bring back prompt engineering

Explore the vibe coding hype cycle, the risks of casual β€œvibe-driven” development, and why prompt engineering deserves a comeback as a critical skill for building better, more reliable AI applications.

Oscar Jite-Orimiono
Sep 16, 2025 β‹… 11 min read
Frontend Devs Aren't Lazy, They're Burnt Out

Frontend developers are burned out, not lazy

Shipping modern frontends is harder than it looks. Learn the hidden taxes of today’s stacks and practical ways to reduce churn and avoid burnout.

Shalitha Suranga
Sep 15, 2025 β‹… 4 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