From 1daf6346f453954df119fe3248157e5c19d4fb16 Mon Sep 17 00:00:00 2001
From: Samuel Oberhofer <sa.oberhofer@mci4me.at>
Date: Sat, 10 Dec 2022 12:44:05 +0100
Subject: [PATCH] Bottom Tab Styling

---
 navigation/Navigator.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/navigation/Navigator.js b/navigation/Navigator.js
index 5cc3142..415135c 100644
--- a/navigation/Navigator.js
+++ b/navigation/Navigator.js
@@ -1,5 +1,6 @@
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
 import { NavigationContainer } from "@react-navigation/native";
+import { StyleSheet } from "react-native";
 import Icon from "react-native-vector-icons/Ionicons";
 
 import Colors from "../constants/colors";
@@ -17,8 +18,10 @@ function Navigator() {
           headerStyle: {
             backgroundColor: Colors.accent500,
           },
-          tabBarShowLabel: false,
+          tabBarShowLabel: true,
           headerTitle: (props) => <LogoTitle {...props} />,
+          tabBarStyle: styles.TabBar,
+          tabBarActiveTintColor: Colors.accent500,
         }}
       >
         <Tab.Screen
@@ -62,4 +65,10 @@ function Navigator() {
   );
 }
 
+const styles = StyleSheet.create({
+  TabBar: {
+    backgroundColor: Colors.primary500,
+  },
+});
+
 export default Navigator;