google button

src/screens/Login.js

@@ -1,4 +1,5 @@
 /* eslint-disable react/display-name */
+import { GoogleSigninButton } from "@react-native-google-signin/google-signin";
 import * as AuthSession from "expo-auth-session";
 import * as GoogleAuth from "expo-auth-session/providers/google";
 import * as WebBrowser from "expo-web-browser";
@@ -10,6 +11,7 @@ import GradientButton from "../components/GradientButton.js";
 import { Input } from "../components/Input.js";
 import ItemContainer from "../components/ItemContainer/ItemContainer.js";
 import firebase, { usersRef } from "../config/firebase";
+
 import {
   GOOGLE_ANDROID_CLIENT_ID,
   GOOGLE_IOS_CLIENT_ID,
@@ -234,8 +236,7 @@ export default ({ navigation }) => {
               onPress={onLogin}
               disabled={loading || !email || !password}
             />
-
-            <GradientButton
+            {/* <GradientButton
               title="Se connecter avec Google"
               containerStyle={{
                 width: "80%",
@@ -243,7 +244,14 @@ export default ({ navigation }) => {
               }}
               onPress={onLoginWithGoogle}
               disabled={loading}
+            /> */}
+            <GoogleSigninButton
+              style={{ width: "80%", height: 50, alignSelf: "center" }}
+              color={GoogleSigninButton.Color.Dark}
+              onPress={onLoginWithGoogle}
+              disabled={loading}
             />
+
             <View
               style={{
                 alignItems: "center",