Any of the optional props from AuthFlow.ConfirmScreen will be passed down to it, exceptonCodeVerified. If you want to use that prop, pass it directly to AuthFlow.
phoneScreenProps
Any of the optional props from AuthFlow.PhoneScreen will be passed down to it, exceptonSmsSuccessfullySentonUserSuccessfullySignedIn.
If you want to use one of those props, pass it directly to AuthFlow as seen in the example code below.
onSmsSuccessfullySent
Function called when an SMS is sent successfully.
Receives a dictionary with a phoneNumber field.
onCodeVerified
Callback function called when a user's 6-digit code is verified, and they are authenticated.
Receives a dictionary with a token field.
onUserSuccessfullySignedIn
Function called when user is successfully signed in
This gets called after onCodeVerified, since there is a network request made between the successful code and signing in with firebase.
Receives a dictionary with a user field.
The user could be null, so check for that.
You probably won't need to use this, but it's there for your convenience.
1
<AuthFlow
2
confirmScreenProps={{
3
// ...optional props from AuthFlow.ConfirmScreen
4
}}
5
phoneScreenProps={{
6
// ...optional props from AuthFlow.PhoneScreen
7
}}
8
onCodeVerified={({ token })=>{
9
10
}}
11
onUserSuccessfullySignedIn={({ user })=>{
12
if(user){
13
const uid = user.uid
14
}else{
15
// user is not signed in.
16
}
17
}}
18
// common screen props are okay too
19
backgroundColor="blue"
20
headerTintColor="yellow"
21
/>
Copied!
Considerations
If you want to control your own navigation for the transition between screens, you should make screens with the AuthFlow.PhoneScreen and AuthFlow.ConfirmScreen, instead of using AuthFlow.