diff --git a/ActionButton.js b/ActionButton.js index 8db543b..d277d8c 100644 --- a/ActionButton.js +++ b/ActionButton.js @@ -180,7 +180,7 @@ export default class ActionButton extends Component { const parentStyle = isAndroid && this.props.fixNativeFeedbackRadius ? { - right: this.props.offsetX, + marginHorizontal: this.props.offsetX, zIndex: this.props.zIndex, borderRadius: this.props.size / 2, width: this.props.size diff --git a/ActionButtonItem.js b/ActionButtonItem.js index a4b2799..51e1763 100644 --- a/ActionButtonItem.js +++ b/ActionButtonItem.js @@ -85,28 +85,27 @@ export default class ActionButtonItem extends Component { }; if (position !== "center") - buttonStyle[position] = (this.props.parentSize - size) / 2; + animatedViewStyle[position] = (this.props.parentSize - size) / 2; const Touchable = getTouchableComponent(this.props.useNativeFeedback); - const parentStyle = isAndroid && - this.props.fixNativeFeedbackRadius - ? { - height: size, - marginBottom: spacing, - right: this.props.offsetX, - borderRadius: this.props.size / 2 + const parentStyle = { + marginHorizontal: this.props.offsetX, + marginBottom: spacing + SHADOW_SPACE, + borderRadius: this.props.size / 2, } - : { - paddingHorizontal: this.props.offsetX, - height: size + SHADOW_SPACE + spacing - }; + return ( - + {this.props.children} @@ -177,8 +176,7 @@ export default class ActionButtonItem extends Component { return (