From fade8321aa0cb39d14db2d2c8a6101a964032d1d Mon Sep 17 00:00:00 2001
From: natjms <natjms@njms.ca>
Date: Tue, 10 May 2022 14:47:20 -0700
Subject: [PATCH] Highlight active tab in the bottom navigation tray

---
 src/App.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index a12848e..acf9193 100644
--- a/src/App.js
+++ b/src/App.js
@@ -40,7 +40,11 @@ const MainNavigator = () => {
     // Tabbed navigator for Feed, Discover, Publish, Direct and Profile
 
     const bottomTabIcon = name => {
-        return ({ size }) => <Ionicons name = { name } size = { size }/>
+        return ({ size, focused }) =>
+            <Ionicons
+                name = { name }
+                size = { size }
+                color = { focused ? "black" : "#666" }/>
     };
 
     const screenOptions = {
@@ -50,7 +54,7 @@ const MainNavigator = () => {
             tabBarShowLabel: false,
             tabBarStyle: {
                 height: 60,
-            }
+            },
         },
         Feed: {
             tabBarAccessibilityLabel: "Feed",