React native 如何将自定义组件用于选项卡栏导航器？

我需要使用选项卡导航器，但需要自定义其选项卡栏。以下是我努力实现的目标：

中间按钮不是选项卡栏中的屏幕。这是一个自定义按钮，可打开浮动菜单。现在我已经创建了该组件，但无法将其附加到选项卡栏。我只想通过这个选项卡栏导航到屏幕

该应用程序的代码如下所示：

<View style={{ flex: 1, backgroundColor: '#f3f3f3' }}>
  <MainTabNavigator /> // The tabbar created from react-navigation
  <TabBar navigation={tabNavigation} /> // My custom tabbar
</View>

//从react导航创建的选项卡栏
//我的自定义选项卡栏

---

我尝试使用

导航操作

导航功能。它不起作用。我试图将

导航

道具从选项卡屏幕传递到我的redux商店，然后将其传递回我的自定义选项卡栏，并使用它的导航功能。函数被传递，但什么也没发生。是的，我做的最后一件事有点愚蠢。有人能帮我解决这个问题吗？

你为什么不建立自己的tabnavigator呢。这是一个非常简单的组件。这就是我解决问题的方法。你为什么不建立自己的tabnavigator呢。这是一个非常简单的组件。我就是这样解决的。