Fix color of selected bottom navigation action [BottomNavigationAction]

xotahal · Feb 5, 2017 · c61b695 · c61b695
1 parent 11acecf
commit c61b695
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/BottomNavigation/BottomNavigationAction.react.js b/src/BottomNavigation/BottomNavigationAction.react.js
@@ -84,7 +84,9 @@ class BottomNavigationAction extends PureComponent {
     renderIcon(icon, styles, color) {
         let element;
         if (React.isValidElement(icon)) {
-            element = icon;
+            // we need icon to change color after it's selected, so we send the color and style to
+            // custom element
+            element = React.cloneElement(icon, { style: styles.icon, color });
         } else {
             element = <Icon name={icon} style={styles.icon} color={color} />;
         }