import React, { useState } from 'react'; import { View, Text, TextInput, TouchableOpacity, ScrollView, Image } from 'react-native'; import { Mail, Lock, Eye, EyeOff, User } from 'lucide-react-native'; export default function AuthScreen() { const [isSignIn, setIsSignIn] = useState(true); const [showPassword, setShowPassword] = useState(false); const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [name, setName] = useState(''); const toggleAuthMode = () => { setIsSignIn(!isSignIn); }; const handleAuth = () => { // Authentication logic would go here console.log(isSignIn ? 'Signing in' : 'Signing up', { email, password, name }); }; const handleGoogleAuth = () => { // Google OAuth logic would go here console.log('Google authentication'); }; return ( {isSignIn ? 'Welcome Back' : 'Create Account'} {isSignIn ? 'Sign in to continue' : 'Sign up to get started'} {!isSignIn && ( )} setShowPassword(!showPassword)}> {showPassword ? ( ) : ( )} {isSignIn && ( Forgot Password? )} {isSignIn ? 'Sign In' : 'Sign Up'} or Continue with Google {isSignIn ? "Don't have an account? " : "Already have an account? "} {isSignIn ? 'Sign Up' : 'Sign In'} ); }

React Native AuthFlow App Preview

Project Screens for AuthFlow App