Browse Source

Changed tab focused icon color

keplyx 4 years ago
parent
commit
2e579368a8
2 changed files with 3 additions and 4 deletions
  1. 3
    2
      navigation/MainTabNavigator.js
  2. 0
    2
      utils/ThemeManager.js

+ 3
- 2
navigation/MainTabNavigator.js View File

@@ -208,10 +208,11 @@ function TabNavigator(props) {
208 208
                     let icon = TAB_ICONS[route.name];
209 209
                     // tintColor is ignoring activeColor and inactiveColor for some reason
210 210
                     icon = focused ? icon : icon + ('-outline');
211
-                    let iconColor = focused ? colors.tabIconFocused : colors.tabIcon;
212
-                    return <MaterialCommunityIcons name={icon} color={iconColor} size={26}/>;
211
+                    return <MaterialCommunityIcons name={icon} color={color} size={26}/>;
213 212
                 },
214 213
             })}
214
+            activeColor={colors.primary}
215
+            inactiveColor={colors.tabIcon}
215 216
         >
216 217
             <Tab.Screen
217 218
                 name="Proximo"

+ 0
- 2
utils/ThemeManager.js View File

@@ -23,7 +23,6 @@ export default class ThemeManager {
23 23
                 primary: '#be1522',
24 24
                 accent: '#be1522',
25 25
                 tabIcon: "#929292",
26
-                tabIconFocused: "#000000",
27 26
                 card: "rgb(255, 255, 255)",
28 27
                 dividerBackground: '#e2e2e2',
29 28
                 textDisabled: '#c1c1c1',
@@ -63,7 +62,6 @@ export default class ThemeManager {
63 62
                 accent: '#be1522',
64 63
                 tabBackground: "#181818",
65 64
                 tabIcon: "#6d6d6d",
66
-                tabIconFocused: "#ffffff",
67 65
                 card: "rgb(18, 18, 18)",
68 66
                 dividerBackground: '#222222',
69 67
                 textDisabled: '#5b5b5b',

Loading…
Cancel
Save