使用底部选项卡导航器时不显示标题

问题
我在我的反应本机应用程序中使用反应导航。我创建了一个底部选项卡导航器，并希望使用屏幕上的内置标题。但是头球没有来。没有错误或警告。

应用程序js：

1. const TabStack = createBottomTabNavigator({
   
2.   Upload: {
   
3.     screen: upload,
   
4.     navigationOption: {
   
5.       headerTitle: "Upload"
   
6.     }
   
7.   },
   
8.   Profile: {
   
9.     screen: profile,
   
10.     navigationOption: {
    
11.       headerTitle: "Profile"
    
12.     }
    
13.   }
    
14. });
    
15. 
    
16. const MainStack = createSwitchNavigator(
    
17.   {
    
18.     Home: { screen: TabStack }
    
19.   },
    
20.   {
    
21.     initialRouteName: 'Home'
    
22.   }
    
23. );
    
24. 
    
25. 上传.js
    
26. 
    
27. class upload extends React.Component {
    
28.     static navigationOptions = {
    
29.         title: 'Upload'
    
30.     };
    
31. 
    
32.     constructor(props) {
    
33.         super(props);
    
34. 
    
35.     ...

复制代码

我知道可能没有必要在组件中声明 navigationOptions，因为它已经在 app.js 中声明了，但这只是为了表明这两种方法都不起作用。

我怎样才能解决这个问题？

回答
TabNavigator 不附带 Header 。最常见的情况是将 TabNavigator 设置为根导航器并将每个选项卡设置为 StackNavigator ，然后您将获得标题，因为它默认是 StackNavigator 的一部分。