feat: allow usage of custom border radius for animated fab

callstack · Jan 1, 2025 · b2ec24a · b2ec24a
1 parent edfef1c
commit b2ec24a
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/components/FAB/AnimatedFAB.tsx b/src/components/FAB/AnimatedFAB.tsx
@@ -351,7 +351,7 @@ const AnimatedFAB = ({
               scale: visibility,
             },
           ],
-          borderRadius,
+          borderRadius: restStyle?.borderRadius || borderRadius,
         },
         !isV3 && {
           elevation: md2Elevation,
@@ -375,7 +375,7 @@ const AnimatedFAB = ({
             ],
           },
           styles.standard,
-          { borderRadius },
+          { borderRadius: restStyle?.borderRadius || borderRadius },
         ]}
       >
         <View style={[StyleSheet.absoluteFill, styles.shadowWrapper]}>
@@ -389,7 +389,7 @@ const AnimatedFAB = ({
                   inputRange: propForDirection([distance, 0.9 * distance, 0]),
                   outputRange: propForDirection([1, 0.15, 0]),
                 }),
-                borderRadius,
+                borderRadius: restStyle?.borderRadius || borderRadius,
               },
             ]}
             testID={`${testID}-extended-shadow`}
@@ -408,7 +408,8 @@ const AnimatedFAB = ({
                   inputRange: propForDirection([distance, 0]),
                   outputRange: propForDirection([
                     SIZE / (extendedWidth / SIZE),
-                    borderRadius,
+                    (restStyle?.borderRadius as number | undefined) ||
+                      borderRadius,
                   ]),
                 }),
               },
@@ -447,7 +448,7 @@ const AnimatedFAB = ({
               accessibilityRole="button"
               accessibilityState={newAccessibilityState}
               testID={testID}
-              style={{ borderRadius }}
+              style={{ borderRadius: restStyle?.borderRadius || borderRadius }}
               theme={theme}
             >
               <View