learning/ignitegym
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add navigation to screens

Browse source
This commit is contained in:
Vinicius Souza 2024-10-25 08:20:34 -03:00
parent d7ecc37887
commit ac7f5aa63e
2 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/screens/SignIn.tsx
View file

@ -1,11 +1,20 @@
import { Center, Heading, Image, ScrollView, Text, VStack } from "@gluestack-ui/themed";
import { useNavigation } from "@react-navigation/native";
import BackgroundImg from '@assets/background.png';
import Logo from '@assets/logo.svg';
import { Input } from "@components/Input";
import { Button } from "@components/Button";
import { AuthNavigatorRoutesProps } from "@routes/auth.routes";
export function SignIn() {
const navigation = useNavigation<AuthNavigatorRoutesProps>();
function handleNewAccount() {
navigation.navigate('SignUp');
}
return (
<ScrollView
contentContainerStyle={{ flexGrow: 1 }}
@ -66,7 +75,7 @@ export function SignIn() {
Ainda não tem acesso?
</Text>
<Button title="Criar Conta" variant="outline" />
<Button title="Criar Conta" variant="outline" onPress={handleNewAccount} />
</Center>
</VStack>
</VStack>

10
src/screens/SignUp.tsx
View file

@ -1,11 +1,19 @@
import { Center, Heading, Image, ScrollView, Text, VStack } from "@gluestack-ui/themed";
import { useNavigation } from "@react-navigation/native";
import BackgroundImg from '@assets/background.png';
import Logo from '@assets/logo.svg';
import { Input } from "@components/Input";
import { Button } from "@components/Button";
import { AuthNavigatorRoutesProps } from "@routes/auth.routes";
export function SignUp() {
const navigation = useNavigation<AuthNavigatorRoutesProps>();
const handleLogin = () => {
navigation.navigate('SignIn');
}
return (
<ScrollView
contentContainerStyle={{ flexGrow: 1 }}
@ -57,7 +65,7 @@ export function SignUp() {
/>
</Center>
<Button title="Voltar para o login" mt="$12" variant="outline" />
<Button title="Voltar para o login" mt="$12" variant="outline" onPress={handleLogin} />
</VStack>
</VStack>
</ScrollView>