add: new login page
This commit is contained in:
parent
7702e8715a
commit
97fbe7b16f
|
@ -20,7 +20,7 @@ export default function RootLayout() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
|
<ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
|
||||||
<Stack>
|
<Stack>
|
||||||
<Stack.Screen name="(tabs)" options={{ headerShown: false }} />
|
<Stack.Screen name="login" options={{ title: "Login" }} />
|
||||||
<Stack.Screen name="+not-found" />
|
<Stack.Screen name="+not-found" />
|
||||||
</Stack>
|
</Stack>
|
||||||
<StatusBar style="auto" />
|
<StatusBar style="auto" />
|
||||||
|
|
21
app/login.tsx
Normal file
21
app/login.tsx
Normal 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>
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user