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:

Using CRDTs To Build Collaborative Rust Web Applications

Using CRDTs to build collaborative Rust web applications

CRDTs, or conflict-free replicated data types, is a concept that underlies applications facing the issue of data replication across a […]

Mario Zupan
Feb 23, 2024 ⋅ 15 min read
Guide to Using TensorFlow in Rust

Guide to using TensorFlow in Rust

We explore the fusion of TensorFlow and Rust, delving into how we can integrate these two technologies to build and train a neural network.

Rosario De Chiara
Feb 22, 2024 ⋅ 8 min read
Using Signaldb With React

Using SignalDB with React: A complete guide

SignalDB enables automatic data synchronization between your components and a local in-memory or persistent database.

Antonello Zanini
Feb 20, 2024 ⋅ 6 min read
Guide To Next Js Layouts And Nested Layouts

A guide to Next.js layouts and nested layouts

Understanding how layouts, nested layouts, and custom layouts work in Next.js is crucial for building complex, user-friendly projects.

Ibadehin Mojeed
Feb 19, 2024 ⋅ 12 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