add: new login page

This commit is contained in:
Astrian Zheng 2025-06-30 15:18:08 +10:00
parent 7702e8715a
commit 97fbe7b16f
Signed by: Astrian
SSH Key Fingerprint: SHA256:rVnhx3DAKjujCwWE13aDl7uV6+9U1MvydLkNRXJrBiA
2 changed files with 22 additions and 1 deletions

View File

@ -20,7 +20,7 @@ export default function RootLayout() {
return (
<ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
<Stack>
<Stack.Screen name="(tabs)" options={{ headerShown: false }} />
<Stack.Screen name="login" options={{ title: "Login" }} />
<Stack.Screen name="+not-found" />
</Stack>
<StatusBar style="auto" />

21
app/login.tsx Normal file
View File

@ -0,0 +1,21 @@
import { TextInput, View, StyleSheet, Button } from 'react-native'
export default function LoginView() {
const styles = StyleSheet.create({
container: {
padding: 16,
gap: 8
},
textfield: {
borderColor: 'transparent',
borderBottomColor: '#ccc',
borderWidth: 1,
paddingVertical: 4
}
})
return <View style={styles.container}>
<TextInput placeholder="Feedbin Email" style={styles.textfield} autoCapitalize="none" autoCorrect={false} textContentType="none" keyboardType="email-address" />
<TextInput placeholder="Password" style={styles.textfield} secureTextEntry={true} />
<Button title="Enter" onPress={() => {}} />
</View>
}