Searchs views for users, groups and courses

App.js

@@ -8,6 +8,9 @@ import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import Login from "./Views/Login.js"
 import Feed from "./Views/Feed.js"
 import Profile from "./Views/Profile.js"
+import Search from './Views/Search.js';
+import Groups from './Views/Groups.js';
+import Courses from './Views/Courses.js';
 import NotificationsView from './Views/NotificationsView.js';
 import SinglePost from './Views/SinglePost.js'
 import * as Device from 'expo-device';
@@ -131,8 +134,51 @@ const MainNavigation = () => {
                     tabBarBadge: false
                 }}
             />
+            <Tab.Screen
+                name="Search"
+                component={Search}
+                options={{
+                    tabBarLabel: 'Search',
+                    tabBarIcon: ({ color }) => (
+                        <MaterialIcons name="search" color={color} size={26} />
+                    ),
+                    tabBarBadge: false
+                }}
+            />
+            <Tab.Screen
+                name="Groups"
+                component={Groups}
+                options={{
+                    tabBarLabel: 'Groups',
+                    tabBarIcon: ({ color }) => (
+                        <MaterialIcons name="groups" color={color} size={26} />
+                    ),
+                    tabBarBadge: false
+                }}
+            />
+            <Tab.Screen
+                name="Courses"
+                component={Courses}
+                options={{
+                    tabBarLabel: 'Courses',
+                    tabBarIcon: ({ color }) => (
+                        <MaterialIcons name="subscriptions" color={color} size={26} />
+                    ),
+                    tabBarBadge: false
+                }}
+            />
 
-            <Tab.Screen name="Logout" component={Login} />
+            <Tab.Screen 
+                name="Logout" 
+                component={Login} 
+                options={{
+                    tabBarLabel: 'Logout',
+                    tabBarIcon: ({ color }) => (
+                        <MaterialIcons name="logout" color={color} size={26} />
+                    ),
+                    tabBarBadge: false
+                }}
+            />
         </Tab.Navigator>
     )
 }