底部标签栏自定义动画图标不可单击

Question

今晚我遇到一个奇怪的问题。我会创建一个底部的标签栏，在react native中的中心有一个动画按钮。我在互联网上搜寻并在Medium上找到了一个例子。但我的图标不可点击。但是Aapicture值得一千个字。因此，标签栏看起来像是“正常”时间。

标签栏关闭

当我单击图标时，它会像这样展开：

标签栏打开

问题是我无法单击三个小图标。我尝试了几种版本，但没有任何效果。如果您有想法，那就太好了。 我把代码弄清楚了：

导航器

还有我的Button组件代码

按钮代码P1

按钮代码P2

谢谢您的帮助！