Merge pull request #3 from fwaadahmad1/fahmad/master

style props for backdrop and action icon

Author: fwaadahmad1

index.d.ts

@@ -44,6 +44,7 @@ declare module "react-native-floating-action" {
     style?: ViewStyle;
     iconStyle?: ViewStyle;
     itemStyle?: ViewStyle;
+    backdropStyle?: ViewStyle;
     tintColor?: string;
     actions?: IActionProps[];
     color?: string;

src/AddIcon.js

@@ -4,12 +4,12 @@ import { View, StyleSheet } from "react-native";
 
 class AddIcon extends PureComponent {
   render() {
-    const { width, height, backgroundColor } = this.props;
+    const { width, height, backgroundColor, iconStyle } = this.props;
 
     return (
       <View style={styles.container}>
-        <View style={[styles.vertical, { height, backgroundColor }]} />
-        <View style={[styles.horizontal, { width, backgroundColor }]} />
+        <View style={[styles.vertical, { height, backgroundColor }, iconStyle]} />
+        <View style={[styles.horizontal, { width, backgroundColor }, iconStyle]} />
       </View>
     );
   }

src/FloatingAction.js

@@ -186,7 +186,7 @@ class FloatingAction extends Component {
     } = this.props;
 
     if (overrideWithAction) {
-      const { icon } = actions[0];
+      const { icon } = actions[0]?.icon || floatingIcon;
 
       if (React.isValidElement(icon)) {
         return icon;
@@ -209,7 +209,12 @@ class FloatingAction extends Component {
       );
     }
 
-    return <AddIcon width={iconStyle?.width || iconWidth} height={iconStyle?.height || iconHeight} backgroundColor={iconStyle?.backgroundColor || iconColor} />;
+    return <AddIcon 
+      width={iconStyle?.width || iconWidth} 
+      height={iconStyle?.height || iconHeight} 
+      backgroundColor={iconStyle?.backgroundColor || iconColor} 
+      iconStyle={iconStyle}
+      />;
   };
 
   reset = () => {
@@ -528,7 +533,7 @@ class FloatingAction extends Component {
               imageStyle={action?.imageStyle}
               imageContainerStyle={action?.imageContainerStyle}
               textStyle={action?.textStyle}
-              textContainerStyle={action.textContainerStyle}
+              textContainerStyle={action?.textContainerStyle}
             />
           );
         })}
@@ -571,6 +576,7 @@ FloatingAction.propTypes = {
   tintColor: PropTypes.string,
   iconStyle: PropTypes.object,
   itemStyle: PropTypes.object,
+  backdropStyle: PropTypes.object,
   actions: PropTypes.arrayOf(
     PropTypes.shape({
       color: PropTypes.string,