feat: add loading on sign up screen

src/screens/SignIn.tsx

@@ -1,3 +1,4 @@
+import { useState } from 'react';
 import { Center, Heading, Image, ScrollView, Text, useToast, VStack } from '@gluestack-ui/themed';
 import { useNavigation } from '@react-navigation/native';
 import { Controller, useForm } from 'react-hook-form';
@@ -19,6 +20,8 @@ type FormData = {
 };
 
 export function SignIn() {
+  const [isLoading, setLoading] = useState(false);
+
   const { signIn } = useAuth();
   const toast = useToast();
   const navigation = useNavigation<AuthNavigatorRoutesProps>();
@@ -34,6 +37,7 @@ export function SignIn() {
 
   async function handleSignIn({ email, password }: FormData) {
     try {
+      setLoading(true);
       await signIn(email, password);
       console.log('User signed in successfully.');
     } catch (error) {
@@ -41,6 +45,8 @@ export function SignIn() {
       const title = isAppError
         ? error.message
         : 'Não foi possível entrar. Tente novamente mais tarde.';
+
+      setLoading(false);
       toast.show({
         placement: 'top',
         render: ({ id }) => (
@@ -110,7 +116,7 @@ export function SignIn() {
               )}
             />
 
-            <Button title="Acessar" onPress={handleSubmit(handleSignIn)} />
+            <Button title="Acessar" onPress={handleSubmit(handleSignIn)} isLoading={isLoading} />
           </Center>
 
           <Center flex={1} justifyContent="flex-end" mt="$4">