Skip to content

Commit 204f5c1

Browse files
LAdev-codeLAdev-code
committed
Initial commit
1 parent ac451fb commit 204f5c1

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

69 files changed

+10750
-6934
lines changed

‎.env‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
EXPO_PUBLIC_MOVIE_API_KEY="eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiIxZTU0ODMwYjdmMTY1M2FiNTM5MDVlMmM5YjBlZDliMiIsIm5iZiI6MTc0MTY4NjMwOS44MTUsInN1YiI6IjY3ZDAwNjI1NGJmNDI2Yzc3YTFkZjVmOCIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.fPoNy_a8FORNmy5AxEUnZKGW_CizliEku6a3312JicM"
2+
3+
EXPO_PUBLIC_APPWRITE_PROJECT_ID="67cefdd10039a894c379"
4+
5+
EXPO_PUBLIC_APPWRITE_DATABASE_ID="67d013cb001f377b9270"
6+
7+
EXPO_PUBLIC_APPWRITE_COLLECTION_ID="67d0140300367787e944"
8+
9+

‎.idea/inspectionProfiles/Project_Default.xml‎

Lines changed: 15 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/vcs.xml‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app.json‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,30 +4,30 @@
44
"slug": "movie_app",
55
"version": "1.0.0",
66
"orientation": "portrait",
7-
"icon": "./assets/images/icon.png",
8-
"scheme": "myapp",
7+
"icon": "./assets/images/logo.png",
8+
"scheme": "movies",
99
"userInterfaceStyle": "automatic",
1010
"newArchEnabled": true,
1111
"ios": {
1212
"supportsTablet": true
1313
},
1414
"android": {
1515
"adaptiveIcon": {
16-
"foregroundImage": "./assets/images/adaptive-icon.png",
16+
"foregroundImage": "./assets/images/logo.png",
1717
"backgroundColor": "#ffffff"
1818
}
1919
},
2020
"web": {
2121
"bundler": "metro",
2222
"output": "static",
23-
"favicon": "./assets/images/favicon.png"
23+
"favicon": "./assets/images/logo.png"
2424
},
2525
"plugins": [
2626
"expo-router",
2727
[
2828
"expo-splash-screen",
2929
{
30-
"image": "./assets/images/splash-icon.png",
30+
"image": "./assets/images/logo.png",
3131
"imageWidth": 200,
3232
"resizeMode": "contain",
3333
"backgroundColor": "#ffffff"

‎app/(tabs)/_layout.tsx‎

Lines changed: 94 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,98 @@
1-
import { Tabs } from 'expo-router';
2-
import React from 'react';
3-
import { Platform } from 'react-native';
1+
import { Tabs } from "expo-router";
2+
import { ImageBackground, Image, Text, View } from "react-native";
43

5-
import { HapticTab } from '@/components/HapticTab';
6-
import { IconSymbol } from '@/components/ui/IconSymbol';
7-
import TabBarBackground from '@/components/ui/TabBarBackground';
8-
import { Colors } from '@/constants/Colors';
9-
import { useColorScheme } from '@/hooks/useColorScheme';
4+
import { icons } from "@/constants/icons";
5+
import { images } from "@/constants/images";
106

11-
export default function TabLayout() {
12-
const colorScheme = useColorScheme();
7+
function TabIcon({ focused, icon, title }: any) {
8+
if (focused) {
9+
return (
10+
<ImageBackground
11+
source={images.highlight}
12+
className="flex flex-row w-full flex-1 min-w-[112px] min-h-16 mt-4 justify-center items-center rounded-full overflow-hidden"
13+
>
14+
<Image source={icon} tintColor="#151312" className="size-5" />
15+
<Text className="text-secondary text-base font-semibold ml-2">
16+
{title}
17+
</Text>
18+
</ImageBackground>
19+
);
20+
}
1321

14-
return (
15-
<Tabs
16-
screenOptions={{
17-
tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
18-
headerShown: false,
19-
tabBarButton: HapticTab,
20-
tabBarBackground: TabBarBackground,
21-
tabBarStyle: Platform.select({
22-
ios: {
23-
// Use a transparent background on iOS to show the blur effect
24-
position: 'absolute',
25-
},
26-
default: {},
27-
}),
28-
}}>
29-
<Tabs.Screen
30-
name="index"
31-
options={{
32-
title: 'Home',
33-
tabBarIcon: ({ color }) => <IconSymbol size={28} name="house.fill" color={color} />,
34-
}}
35-
/>
36-
<Tabs.Screen
37-
name="explore"
38-
options={{
39-
title: 'Explore',
40-
tabBarIcon: ({ color }) => <IconSymbol size={28} name="paperplane.fill" color={color} />,
41-
}}
42-
/>
43-
</Tabs>
44-
);
22+
return (
23+
<View className="size-full justify-center items-center mt-4 rounded-full">
24+
<Image source={icon} tintColor="#A8B5DB" className="size-5" />
25+
</View>
26+
);
4527
}
28+
29+
export default function TabsLayout() {
30+
return (
31+
<Tabs
32+
screenOptions={{
33+
tabBarShowLabel: false,
34+
tabBarItemStyle: {
35+
width: "100%",
36+
height: "100%",
37+
justifyContent: "center",
38+
alignItems: "center",
39+
},
40+
tabBarStyle: {
41+
backgroundColor: "#0F0D23",
42+
borderRadius: 50,
43+
marginHorizontal: 20,
44+
marginBottom: 36,
45+
height: 52,
46+
position: "absolute",
47+
overflow: "hidden",
48+
borderWidth: 1,
49+
borderColor: "#0F0D23",
50+
},
51+
}}
52+
>
53+
<Tabs.Screen
54+
name="index"
55+
options={{
56+
title: "index",
57+
headerShown: false,
58+
tabBarIcon: ({ focused }) => (
59+
<TabIcon focused={focused} icon={icons.home} title="Home" />
60+
),
61+
}}
62+
/>
63+
64+
<Tabs.Screen
65+
name="search"
66+
options={{
67+
title: "Search",
68+
headerShown: false,
69+
tabBarIcon: ({ focused }) => (
70+
<TabIcon focused={focused} icon={icons.search} title="Search" />
71+
),
72+
}}
73+
/>
74+
75+
<Tabs.Screen
76+
name="save"
77+
options={{
78+
title: "Save",
79+
headerShown: false,
80+
tabBarIcon: ({ focused }) => (
81+
<TabIcon focused={focused} icon={icons.save} title="Save" />
82+
),
83+
}}
84+
/>
85+
86+
<Tabs.Screen
87+
name="profile"
88+
options={{
89+
title: "Profile",
90+
headerShown: false,
91+
tabBarIcon: ({ focused }) => (
92+
<TabIcon focused={focused} icon={icons.person} title="Profile" />
93+
),
94+
}}
95+
/>
96+
</Tabs>
97+
);
98+
}

‎app/(tabs)/explore.tsx‎

Lines changed: 0 additions & 109 deletions
This file was deleted.

0 commit comments

Comments
 (0)