Update ActionButtonItem.js

Add border radius prop in Action button item

Author: Hasham24

ActionButtonItem.js

@@ -35,7 +35,6 @@ export default class ActionButtonItem extends Component {
       activeOpacity: DEFAULT_ACTIVE_OPACITY,
       fixNativeFeedbackRadius: false,
       nativeFeedbackRippleColor: "rgba(255,255,255,0.75)",
-      numberOfLines: 1,
     };
   }
 
@@ -45,8 +44,7 @@ export default class ActionButtonItem extends Component {
       useNativeFeedback: PropTypes.bool,
       fixNativeFeedbackRadius: PropTypes.bool,
       nativeFeedbackRippleColor: PropTypes.string,
-      activeOpacity: PropTypes.number,
-      numberOfLines: PropTypes.number,
+      activeOpacity: PropTypes.number
     };
   }
 
@@ -56,7 +54,8 @@ export default class ActionButtonItem extends Component {
       position,
       verticalOrientation,
       hideShadow,
-      spacing
+      spacing,
+      borderRadius
     } = this.props;
 
     if (!this.props.active) return null;
@@ -82,7 +81,7 @@ export default class ActionButtonItem extends Component {
       alignItems: "center",
       width: size,
       height: size,
-      borderRadius: size / 2,
+      borderRadius: borderRadius|| size / 2,
       backgroundColor: this.props.buttonColor || this.props.btnColor
     };
 
@@ -97,7 +96,7 @@ export default class ActionButtonItem extends Component {
           height: size,
           marginBottom: spacing,
           right: this.props.offsetX,
-          borderRadius: this.props.size / 2
+          borderRadius:borderRadius|| this.props.size / 2
         }
       : {
           paddingHorizontal: this.props.offsetX,
@@ -110,7 +109,6 @@ export default class ActionButtonItem extends Component {
       >
         <View>
           <Touchable
-            rejectResponderTermination
             testID={this.props.testID}
             accessibilityLabel={this.props.accessibilityLabel}
             background={touchableBackground(
@@ -143,8 +141,7 @@ export default class ActionButtonItem extends Component {
       parentSize,
       size,
       position,
-      spaceBetween,
-      numberOfLines,
+      spaceBetween
     } = this.props;
     const offsetTop = Math.max(size / 2 - TEXT_HEIGHT / 2, 0);
     const positionStyles = { top: offsetTop };
@@ -173,7 +170,6 @@ export default class ActionButtonItem extends Component {
         <Text
           allowFontScaling={false}
           style={[styles.text, this.props.textStyle]}
-          numberOfLines={numberOfLines}
         >
           {this.props.title}
         </Text>
@@ -182,7 +178,6 @@ export default class ActionButtonItem extends Component {
 
     return (
       <TextTouchable
-        rejectResponderTermination
         background={touchableBackground(
           this.props.nativeFeedbackRippleColor,
           this.props.fixNativeFeedbackRadius