BottomNavigation: able to change the styles of active navigation via …

…theme (#72)
xotahal · Jan 10, 2017 · e28942c · e28942c
1 parent 1b39688
commit e28942c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/BottomNavigation/BottomNavigationAction.react.js b/src/BottomNavigation/BottomNavigationAction.react.js
@@ -52,9 +52,9 @@ function getStyles(props, context) {
     const local = {};
 
     if (props.active) {
-        local.container = { paddingTop: 6 };
-        local.icon = { color: palette.primaryColor };
-        local.label = { color: palette.primaryColor, fontSize: 14 };
+        local.container = bottomNavigationAction.containerActive;
+        local.icon = bottomNavigationAction.iconActive;
+        local.label = bottomNavigationAction.labelActive;
     }
 
     if (!props.label) {

diff --git a/src/styles/getTheme.js b/src/styles/getTheme.js
@@ -168,6 +168,16 @@ export default function getTheme(theme, ...more) {
                 textAlign: 'center',
                 color: palette.secondaryTextColor,
             },
+            containerActive: {
+                paddingTop: 6
+            },
+            iconActive: {
+                color: palette.primaryColor
+            },
+            labelActive: {
+                color: palette.primaryColor,
+                fontSize: 14
+            }
         }, theme.bottomNavigationAction)),
         card: StyleSheet.create(merge({
             container: {