[prs]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg
[prs-url]: https://github.com/oijusti/react-native-firebaseui-auth#contributing

 [![PR's welcome][prs]][prs-url]

react-native-firebaseui-auth

Easily add sign-in to your React Native app with FirebaseUI

Getting started

$3

#### Android:

1. Follow the Android setup guide
2. Follow the sign-in methods guide

#### iOS:
1. Follow the iOS setup guide

2. Add FirebaseUI to your Podfile:

``
pod 'FirebaseUI'
`
Run $ pod update
3. Follow the sign-in methods guide

$3

$ npm install react-native-firebaseui-auth --save

or

$ yarn add react-native-firebaseui-auth

$3

RN <= 0.59 only

#### Automatic

$ react-native link react-native-firebaseui-auth

#### Manual

#### iOS

1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ react-native-firebaseui-auth and add RNFirebaseuiAuth.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNFirebaseuiAuth.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)

#### Android

1. Open up android/app/src/main/java/[...]/MainApplication.java
- Add import com.oijusti.firebaseuiauth.RNFirebaseuiAuthPackage; to the imports at the top of the file
- Add new RNFirebaseuiAuthPackage() to the list returned by the getPackages() method
2. Append the following lines to android/settings.gradle:
`
include ':react-native-firebaseui-auth'
project(':react-native-firebaseui-auth').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-firebaseui-auth/android')
`
3. Insert the following lines inside the dependencies block in android/app/build.gradle:
`
implementation project(':react-native-firebaseui-auth')
`

Usage

`javascript
import Auth, {AuthEventEmitter, AuthEvents} from 'react-native-firebaseui-auth';

...

componentDidMount() {
this.eventListener = AuthEventEmitter.addListener(
AuthEvents.AUTH_STATE_CHANGED,
event => {
console.log('user:', event.user);
}
);
}

componentWillUnmount() {
this.eventListener.remove(); //Removes the listener
}

...

const config = {
providers: [
'anonymous',
'facebook',
'google',
'email',
'phone',
'apple',
'yahoo',
'github',
'twitter',
'microsoft'
],
tosUrl: 'https://example.com/tos.htm',
privacyPolicyUrl: 'https://example.com/privacypolicy.htm',
};

Auth.signIn(config)
.then(user => console.log(user))
.catch(err => console.log(err));

...

Auth.getCurrentUser().then(user => console.log(user));

...

Auth.signOut().then(res => console.log(res));

...

Auth.deleteUser().then(res => console.log(res));

...
`

$3

Field | Type | Description |
--- | --- | --- |
uid |string| The provider's user ID for the user. |
displayName |string| The name of the user. |
photoURL |string| The URL of the user's profile photo. |
email |string| Indicates the email address associated with this user ~~has been verified~~. |
phoneNumber |string| A phone number associated with the user. |
providerId |string| The provider identifier. |
isNewUser |boolean| Indicates whether or not the current user was signed in for the first time. |
creationTimestamp |number| Stores the timestamp at which this account was created as dictated by the server clock in milliseconds since epoch. |
lastSignInTimestamp |number| Stores the last signin timestamp as dictated by the server clock in milliseconds since epoch. |

$3