Merge pull request #1 from Ajackster/master

Added an 'onOverlayPress' prop

Author: geremih

ActionButton.js

@@ -218,7 +218,7 @@ export default class ActionButton extends Component {
       backdrop = (
         <TouchableWithoutFeedback
           style={styles.overlay}
-          onPress={() => this.reset()}
+          onPress={() => {this.reset(); this.props.onOverlayPress()}}
         >
           <Animated.View
             style={
@@ -264,6 +264,7 @@ ActionButton.propTypes = {
   itemSize: PropTypes.number,
   autoInactive: PropTypes.bool,
   onPress: PropTypes.func,
+  onOverlayPress: PropTypes.func,
   backdrop: PropTypes.oneOfType([
     PropTypes.bool,
     PropTypes.object,
@@ -284,6 +285,7 @@ ActionButton.defaultProps = {
   outRangeScale: 1,
   autoInactive: true,
   onPress: () => {},
+  onOverlayPress: () => {},
   backdrop: false,
   degrees: 135,
   size: 63,

README.md

@@ -90,6 +90,7 @@ Also this example uses `react-native-vector-icons` for the button Icons.
 | outRangeScale  | number        | 1                   | changes size of button during animation
 | onPress        | function      | null                | fires, when ActionButton is tapped
 | onLongPress    | function      | null                | fires, when ActionButton is long pressed
+| onOverlayPress | function      | null                | fires, when Overlay is pressed
 | icon           | Component     | +                   | Custom component for ActionButton Icon
 | backdrop       | Component     | false               | Custom component for use as Backdrop (i.e. [BlurView](https://github.com/react-native-fellowship/react-native-blur#blur-view), [VibrancyView](https://github.com/react-native-fellowship/react-native-blur#vibrancy-view))
 | degrees        | number        | 135                 | degrees to rotate icon