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:

Build A React AI Image Generator With Hugging Face Diffusers

Build a React AI image generator with Hugging Face Diffusers

Build a React-based AI image generator app offline using the Hugging Face Diffusers library and Stable Diffusion XL.

Andrew Baisden
May 29, 2025 β‹… 10 min read
Gemini 2.5 and the future of AI reasoning for frontend devs

Gemini 2.5 and the future of AI reasoning for frontend devs

Get up to speed on Google’s latest breakthrough with the Gemini 2.5 model and what it means for the future of frontend AI tools.

Chizaram Ken
May 29, 2025 β‹… 5 min read
Exploring The Top Rust Web Frameworks

Exploring the top Rust web frameworks

In this article, we’ll explore the best Rust frameworks for web development, including Actix Web, Rocket, Axum, warp, Leptos, Cot, and Loco.

Abiodun Solomon
May 28, 2025 β‹… 11 min read
How To Use The CSS Cursor Property

How to use the CSS cursor property

A single line of CSS can change how users feel about your UI. Learn how to leverage the cursor property to signal intent, improve interaction flow, and elevate accessibility.

Chizaram Ken
May 28, 2025 β‹… 6 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