From 46d580901ba08b8084320d0ce5fb550f4327d31f Mon Sep 17 00:00:00 2001
From: Rafael Medeiros <38796439+rafaeltokyo@users.noreply.github.com>
Date: Mon, 11 Mar 2019 01:19:25 -0300
Subject: [PATCH] Update ActionButton.js

add  space ActionButton.Item container overlay between ActionButton
---
 ActionButton.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/ActionButton.js b/ActionButton.js
index eb64e59..5c84b6b 100644
--- a/ActionButton.js
+++ b/ActionButton.js
@@ -12,6 +12,12 @@ import {
 import PropTypes from 'prop-types';
 import ActionButtonItem from './ActionButtonItem';
 
+ const defaultConfig = {
+      actionOverlay:{
+        bottom:70
+      }
+  }
+
 const alignMap = {
   center: {
     alignItems: 'center',
@@ -54,6 +60,10 @@ export default class ActionButton extends Component {
   getActionButtonStyle() {
     return [styles.actionBarItem, this.getButtonSize()];
   }
+  getActionContainerOverlay() {
+    const {bottomDistance} = this.props
+    return [styles.buttonActionOverlay, {bottom:(bottomDistance)?bottomDistance:defaultConfig.actionOverlay.bottom}];
+  }
 
   getActionContainerStyle() {
     const {alignItems, justifyContent} = alignMap[this.props.position];
@@ -241,7 +251,9 @@ export default class ActionButton extends Component {
       >
         {backdrop}
 
-        {this.props.children && this.renderActions()}
+        <View style={this.getActionContainerOverlay()}>
+          {this.props.children && this.renderActions()}
+        </View>
         <View
           pointerEvents="box-none"
           style={this.getActionContainerStyle()}
@@ -296,6 +308,10 @@ ActionButton.defaultProps = {
 };
 
 const styles = StyleSheet.create({
+ buttonActionOverlay:{
+    position:"absolute",
+    bottom:100
+  },
   overlay: {
     position: 'absolute',
     bottom: 0,