import * as React from 'react';

import SignIn from './Screens/SignIn';

import SignUp from './Screens/SignUp';

import { NavigationContainer } from '@react-navigation/native';

import { createNativeStackNavigator } from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

function App() {

return (

<NavigationContainer>

<Stack.Navigator>

<Stack.Screen name="signIn" component={SignIn} options={{ title: 'Đăng nhập' }} />

<Stack.Screen name="signUp" component={SignUp} options={{ title: 'Đăng ký' }} />

</Stack.Navigator>

</NavigationContainer>

);

};

export default App;

const SignIn = function ({navigation}) {

function navigate() {

navigation.navigate('signUp');

}

return(

<View style={StyleSignIn.inputAccountInformation}>

<Button style={StyleSignIn.buttonSignIn} uppercase={false} icon={"login"} mode="contained" onPress={navigate}>

Sign in

</Button>

</View>

);

}

export default SignIn;