Breaking News: Grepper is joining You.com. Read the official announcement!

firebase otp authentication react native

AKAR TSENONGO answered on October 15, 2022 Popularity 7/10 Helpfulness 3/10

answer firebase otp authentication react native

firebase otp authentication react native

Comment

import React, { useState } from 'react';
import { Button, TextInput } from 'react-native';
import auth from '@react-native-firebase/auth';

function PhoneSignIn() {
  // If null, no SMS has been sent
  const [confirm, setConfirm] = useState(null);

  const [code, setCode] = useState('');

  // Handle the button press
  async function signInWithPhoneNumber(phoneNumber) {
    const confirmation = await auth().signInWithPhoneNumber(phoneNumber);
    setConfirm(confirmation);
  }

  async function confirmCode() {
    try {
      await confirm.confirm(code);
    } catch (error) {
      console.log('Invalid code.');
    }
  }

  if (!confirm) {
    return (
      <Button
        title="Phone Number Sign In"
        onPress={() => signInWithPhoneNumber('+1 650-555-3434')}
      />
    );
  }

  return (
    <>
      <TextInput value={code} onChangeText={text => setCode(text)} />
      <Button title="Confirm Code" onPress={() => confirmCode()} />
    </>
  );
}

Popularity 7/10 Helpfulness 3/10 Language javascript

Source: rnfirebase.io

Tags: authentication firebase javascript react-native

Link to this answer
Share Copy Link

Contributed on Oct 15 2022

AKAR TSENONGO

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

firebase otp authentication react native

Contents

More Related Answers

firebase otp authentication react native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.