From 6ff7c459e3d08ebdf6da6973ebe0410b5cab9c0a Mon Sep 17 00:00:00 2001
From: Alberto-Duarte <alberto@albertoduarte.com>
Date: Thu, 11 May 2023 11:40:35 +0100
Subject: first commit

---
 stacks/NavigatorHome.tsx | 77 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 stacks/NavigatorHome.tsx

(limited to 'stacks/NavigatorHome.tsx')

diff --git a/stacks/NavigatorHome.tsx b/stacks/NavigatorHome.tsx
new file mode 100644
index 0000000..cb972ff
--- /dev/null
+++ b/stacks/NavigatorHome.tsx
@@ -0,0 +1,77 @@
+import {HomeIcon} from 'react-native-heroicons/outline';
+import {StarIcon} from 'react-native-heroicons/outline';
+import {HomeIcon as HomeIconSolid} from 'react-native-heroicons/solid';
+import {StarIcon as StarIconSolid} from 'react-native-heroicons/solid';
+import {RocketLaunchIcon} from 'react-native-heroicons/outline';
+import {RocketLaunchIcon as RocketLaunchIconSolid} from 'react-native-heroicons/solid';
+import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
+import tw from 'twrnc';
+import Home from '../screens/home';
+import TopRated from '../screens/topRated';
+import Discover from '../screens/discover';
+import Modal from '../screens/modal';
+
+  const Tabs = createBottomTabNavigator();
+
+const NavigatorHome = () => {
+  return (
+    <Tabs.Navigator
+      screenOptions={({route}) => ({
+        tabBarIcon: ({focused}) => {
+          if (route.name === 'Home') {
+            return focused ? (
+              <HomeIconSolid color={tw.color('blue-600')} size={20} />
+            ) : (
+              <HomeIcon color={tw.color('gray-400')} size={20} />
+            );
+          } else if (route.name === 'TopRated') {
+            return focused ? (
+              <StarIconSolid color={tw.color('blue-600')} size={20} />
+            ) : (
+              <StarIcon color={tw.color('gray-400')} size={20} />
+            );
+          } else if (route.name === 'Discover') {
+            return focused ? (
+              <RocketLaunchIconSolid color={tw.color('blue-600')} size={20} />
+            ) : (
+              <RocketLaunchIcon color={tw.color('gray-400')} size={20} />
+            );
+          }
+        },
+        tabBarStyle: {
+          backgroundColor: tw.color('gray-950'),
+          borderTopWidth: 0,
+        },
+        tabBarLabelStyle: {
+          marginTop: -10,
+          marginBottom: 7,
+        },
+      })}
+    >
+      <Tabs.Screen
+        name={'Home'}
+        component={Home}
+        options={{
+          headerShown: false,
+        }}
+      />
+      <Tabs.Screen
+        name={'TopRated'}
+        component={TopRated}
+        options={{
+          headerShown: false,
+        }}
+      />
+      <Tabs.Screen
+        name={'Discover'}
+        component={Discover}
+        options={{
+          headerShown: false,
+        }}
+      />
+        <Tabs.Screen name="Modal" component={Modal} options={{ tabBarButton: () => null }}/>
+    </Tabs.Navigator>
+  );
+};
+
+export default NavigatorHome;
\ No newline at end of file
-- 
cgit v1.2.3-54-g00ecf