adding package for ui

App.tsx

@@ -28,3 +28,58 @@ const AppNavigator = () => {
 };
 
 export default AppNavigator;
+/*
+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));
+
+...
+*/

package.json

@@ -13,6 +13,8 @@
     "@react-native-firebase/app": "^18.8.0",
     "@react-navigation/native": "^6.1.10",
     "@react-navigation/native-stack": "^6.9.18",
+    "@rneui/base": "^4.0.0-rc.7",
+    "@rneui/themed": "^4.0.0-rc.8",
     "dotenv": "^16.4.2",
     "expo": "~50.0.6",
     "expo-auth-session": "~5.4.0",
@@ -22,6 +24,7 @@
     "firebaseui": "^6.1.0",
     "react": "18.2.0",
     "react-native": "0.73.4",
+    "react-native-firebaseui-auth": "^1.4.0",
     "react-native-safe-area-context": "4.8.2",
     "react-native-screens": "~3.29.0"
   },