React本机将自定义组件插入导航器

Question

我有一个播客播放器在一个反应-本地裸露的应用程序，我建立了。我的播放器有一个弹出的迷你播放器组件，在屏幕底部播放播客时可以看到，如下所示：

​

​

现在我正在开发一个iPad版本，在水平模式下，我想模仿Apple应用程序，它把一个迷你播放器放在菜单栏里。这有可能是导航器吗？

​

​

目前，我使用这段代码注入了迷你播放器。我尝试对这两个组件执行，但这只会使导航按钮消失。

<Tab.Navigator
        tabBar={tabsProps => (
          <>
            <MiniPlayer />
            <BottomTabBar {...tabsProps} />
          </>
        )}
      ...

Answer 1

我想出了解决方案，将MiniPlayer组件放入tabBarButton中，如下所示。我只在orientation.horizontal上看到这个屏幕(从react本机社区钩子库中获得的库)。

<Tab.Screen
      component={MiniPlayer}
      name="MiniPlayerHoriz"
      options={{tabBarButton: props => <MiniPlayer />}}
      />