BoxShadow unter React Native 0.76 funktioniert nicht gut mit der SVG-Komponente ⇐ CSS

[Guest]

CurvedBottomTab
Ich implementieren eine animierte untere Registerkarte mit einem Ausschnitt unter Verwendung von d3-shape und react-native-reanimated-Folgen eine Anleitung aus einem GitHub-Repository:
https://github.com/hewad-mubariz/reactn ... bottomtabs
Der Code funktioniert gut auf iOS, funktioniert aber nicht gut auf Android:

Code: Select all

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

Nachdem ich erfahren hatte, dass React Native 0.76 boxShadow sowohl auf Android als auch auf iOS unterstützt, beschloss ich, das Projekt mit React Native 0.76 neu zu erstellen.
Das Problem, mit dem ich konfrontiert bin, ist, dass der boxShadow nicht genau um den ausgeschnittenen Teil der SVG-Datei passt. Ich habe versucht, StyleSheet.absoluteFillObject zu verwenden, aber es hat nicht funktioniert.
Ich möchte, dass boxShadow sowohl auf Android als auch auf IOS mit SVG gut funktioniert