React Native 如何在底部选项卡导航器上方显示元素

Question

我试图在底部选项卡导航器上方显示一个媒体播放器，就像在 Spotify 应用程序中一样。它应该在所有屏幕（底部选项卡）上保持相同的状态。

有什么建议或方法可以在 React Native 中实现这一点吗？

Answer 1

我刚刚解决了这个问题

• 导入底部标签栏
• 在选项卡导航器中调用 tabBar 属性
• 用空标签包裹它
• 导入组件并将其插入到 BottomTabBar 上方

import { BottomTabBar } from '@react-navigation/bottom-tabs';  
import SmallVideoPlay from 'YOUR_PATH_OF_THE_COMPONENT';

<Tab.Navigator 
    tabBar={(props) => (
        <>
            <SmallVideoPlay />
            <BottomTabBar {...props} />
        </>
    )}
>
    <Tab.Screen name="HomeStack" component={Home}/>
    {/* .... */}
</Tab.Navigator/>