Allow Toolbar icons to be disabled

Author: Ehesp

lib/Icon.js

@@ -6,7 +6,7 @@ export default class Icon extends Component {
 
     static propTypes = {
         name: PropTypes.string.isRequired,
-        style: PropTypes.object,
+        style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
         size: PropTypes.number,
         color: PropTypes.string
     };

lib/Toolbar.js

@@ -48,6 +48,11 @@ export default class Toolbar extends Component {
             }
         };
 
+        const opacityMap = {
+            light: .38,
+            dark: .30
+        };
+
         const styleMap = {
             backgroundColor: overrides && overrides.backgroundColor ? getColor(overrides.backgroundColor) : themeMap[theme].backgroundColor,
             color: overrides && overrides.color ? getColor(overrides.color) : themeMap[theme].color,
@@ -88,11 +93,12 @@ export default class Toolbar extends Component {
                                 color={styleMap.iconColor}
                                 badge={action.badge}
                                 onPress={action.onPress}
+                                disabled={action.disabled}
                             >
                                 <Icon name={action.icon}
                                       size={24}
                                       color={styleMap.iconColor}
-                                      style={styles.icon}
+                                      style={[styles.icon, action.disabled ? { opacity: opacityMap[theme] } : null]}
                                 />
                             </IconToggle>
                         );
@@ -105,6 +111,10 @@ export default class Toolbar extends Component {
 
 const styles = {
     toolbar: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
         height: 56,
         flexDirection: 'row',
         alignItems: 'center'