feat: add smooth icon change in IconButton component (#672)

* feat: smooth icon change in `IconButton` * test: update snapshots
callstack · Jan 7, 2019 · 54f1ece · 54f1ece
1 parent 1059b50
commit 54f1ece
Show file tree

Hide file tree

Showing 2 changed files with 234 additions and 102 deletions.
diff --git a/src/components/IconButton.js b/src/components/IconButton.js
@@ -5,7 +5,7 @@ import { View, StyleSheet } from 'react-native';
 import color from 'color';
 
 import TouchableRipple from './TouchableRipple';
-import Icon from './Icon';
+import CrossFadeIcon from './CrossFadeIcon';
 import { withTheme } from '../core/theming';
 import type { IconSource } from './Icon';
 import type { Theme, $RemoveChildren } from '../types';
@@ -111,7 +111,7 @@ const IconButton = ({
       {...rest}
     >
       <View>
-        <Icon color={iconColor} source={icon} size={size} />
+        <CrossFadeIcon color={iconColor} source={icon} size={size} />
       </View>
     </TouchableRipple>
   );