React native 底部导航栏的反应本地复杂形状

我想在react native项目中为我的底部导航实现一个特定的视图形状。 它是一个带圆心的矩形。我需要将两者合并到一个视图中，因为我需要在Android上投射阴影，在iOS上投射阴影道具。这是模型：

---

关于如何做到这一点有什么线索吗？谢谢。

您可以像中一样简单地覆盖tabBarIcon并使用zIndex

否则，可以使用以下内容覆盖整个tabBarComponent：

CreateBoottomTabNavigator 导航员， { tabBarComponent:props=> } 默认tabBarComponent，可在创建自己的CustomTabBar组件时用作参考

---

阴影可能很难实现。使用纯React Native，可以有两个圆，一个在矩形下方用于阴影，另一个在矩形上方用于隐藏底部圆上的阴影。然后将阴影添加到矩形和底部圆形，这样可能会在圆形和矩形相交的拐角处产生较暗的阴影。如果最终看起来不美观，那么实心边框可能比阴影效果更好。

谢谢您提供的阴影提示。事实上，这才是我真正的问题。双圈技巧我们这样称呼它解决这个=很高兴我能帮上忙！