Skip to content

Feature/earthform component #33

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Feature/earthform component #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
a20e034
fix: resolve ScrollView contentContainerStyle and span element errors
tommy-skywalker Jan 15, 2024
384a0fa
feat: create basic EarthForm component structure
tommy-skywalker Jan 16, 2024
3a6d8c1
feat: add form fields and state management
tommy-skywalker Apr 17, 2024
f56aad8
style: enhance EarthForm with nature-themed styling
tommy-skywalker May 12, 2024
d6a2509
feat: add form submission handling and loading states
tommy-skywalker May 14, 2024
fe9b3c2
feat: add comprehensive form validation and error handling
tommy-skywalker Jul 18, 2024
530d24e
feat: add comprehensive accessibility features
tommy-skywalker Mar 18, 2025
e815972
feat: add smooth animations and transitions
tommy-skywalker Mar 19, 2025
2ff9fb5
refactor: simplify EarthForm to match GalaxyForm style #31
tommy-skywalker Mar 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 5 additions & 1 deletion test/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,12 @@ export default function App() {
return (
<GluestackUIProvider mode="light">
<ScrollView
contentContainerStyle={{
justifyContent: "center",
alignItems: "center",
}}
style={styles.container}
className="font-sans h-screen justify-center items-center"
className="font-sans h-screen"
>
<GalaxyForm />
</ScrollView>
Expand Down
86 changes: 86 additions & 0 deletions test/components/Form/EarthForm.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
import {
View,
Text,
TextInput,
TouchableOpacity,
ScrollView,
} from "react-native";

const EarthForm = () => {
return (
<ScrollView contentContainerStyle={{ flexGrow: 1 }}>
<View className="flex-1 justify-center items-center py-20 px-4 bg-green-50">
<View className="w-full max-w-md bg-white p-8 rounded-lg shadow-lg">
<Text className="text-2xl font-bold text-center text-gray-800 mb-6">
Earth Form
</Text>

<View className="space-y-4">
<View>
<Text className="text-sm font-medium text-green-700">
FullName <Text className="text-red-600">*</Text>
</Text>
<TextInput
placeholder="Enter FullName"
className="w-full px-3 py-2 border border-green-300 rounded mt-1"
/>
</View>

<View>
<Text className="text-sm font-medium text-green-700">
Your Email <Text className="text-red-600">*</Text>
</Text>
<TextInput
placeholder="[email protected]"
keyboardType="email-address"
className="w-full px-3 py-2 border border-green-300 rounded mt-1"
/>
</View>

<View>
<Text className="text-sm font-medium text-green-700">
Password <Text className="text-red-600">*</Text>
</Text>
<TextInput
placeholder="Enter Password"
secureTextEntry
className="w-full px-3 py-2 border border-green-300 rounded mt-1"
/>
</View>

<View>
<Text className="text-sm font-medium text-green-700">
Confirm Password <Text className="text-red-600">*</Text>
</Text>
<TextInput
placeholder="Confirm Password"
secureTextEntry
className="w-full px-3 py-2 border border-green-300 rounded mt-1"
/>
</View>

<TouchableOpacity className="bg-green-600 py-3 rounded mt-4">
<Text className="text-white text-center font-semibold">
Create Account
</Text>
</TouchableOpacity>
</View>

{/* Footer */}
<Text className="mt-6 text-center text-sm text-gray-600">
Already have an account?{" "}
<Text className="text-green-500 font-medium">Login</Text>
</Text>

<Text className="mt-6 text-center text-xs text-gray-400">
© Copyright 2025{" "}
<Text className="font-semibold text-gray-600">AlienUI Org.</Text>{" "}
All Rights Reserved.
</Text>
</View>
</View>
</ScrollView>
);
};

export default EarthForm;
2 changes: 1 addition & 1 deletion test/components/Form/GalaxyForm.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ const Signup = () => {
{/* Footer */}
<Text className="mt-6 text-center text-sm text-gray-600">
Already have an account?{" "}
<span className="text-teal-500 font-medium">Login</span>
<Text className="text-teal-500 font-medium">Login</Text>
</Text>

<Text className="mt-6 text-center text-xs text-gray-400">
Expand Down