import React, { useState } from 'react';
import { View, TextInput, Button } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
const Stack = createStackNavigator();
function LoginScreen({ navigation }) {
const [username, setUsername] = useState('');
const [password, setPassword] = useState('');
const handleLogin = () => {
// Here you would typically make a network request to your API to check if the username and password are correct
// For simplicity, I'm just checking if the username is "admin" and the password is "password"
if (username === 'admin' && password === 'password') {
navigation.navigate('Home');
}
};
return (
<View>
<TextInput placeholder="Username" value={username} onChangeText={setUsername} />
<TextInput placeholder="Password" secureTextEntry value={password} onChangeText={setPassword} />
<Button title="Login" onPress={handleLogin} />
</View>
);
}
function HomeScreen() {
return (
<View>
{/* Your home screen content */}
</View>
);
}
function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Login" component={LoginScreen} />
<Stack.Screen name="Home" component={HomeScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default App;
Leave a Reply