CurvedBottomTab

I am implementing an animated bottom tab with a cutout using d3-shape and react-native-reanimated following a guide from a GitHub repository:

The code works fine on iOS but does not work well on Android:

  shadowMd: {
    elevation: 3,
    shadowColor: '#000',
    shadowOpacity: 0.2,
    shadowRadius: 3,
    shadowOffset: {width: 0, height: 3},
  },

After learning that React Native 0.76 supports boxShadow on both Android and iOS, I decided to recreate the project using React Native 0.76.

The issue I am facing is that the boxShadow does not fit snugly around the cutout part of the SVG. I have tried using StyleSheet.absoluteFillObject but it did not work.

I want boxShadow working well on both Android and IOS with SVG