我正在尝试在包含两个屏幕的材质顶部选项卡导航器上方渲染单个标题。当不渲染标题时,顶部选项卡导航器将按预期显示在屏幕顶部。但是,在渲染自定义标头组件时,选项卡导航器消失,但功能仍然存在(我仍然可以从第一个屏幕滑动到第二个屏幕)。如何渲染标题和顶部选项卡导航器?
function FeedTabs() {
const TabTop = createMaterialTopTabNavigator();
return (
<TabTop.Navigator
mode="card"
headerMode='screen'
initialRouteName='Feed'
tabBarPosition='top'
initialLayout={{ width: Dimensions.get('window').width }}
tabBar= {({navigation, scene}) =>
<FeedHeader
title="Feed"
navigation={navigation}
scene={scene}
/>}
>
<TabTop.Screen name="Videos" component={Feed}/>
<TabTop.Screen name="Articles" component={FeedArticles}/>
</TabTop.Navigator>
)
Run Code Online (Sandbox Code Playgroud)