使用底部选项卡导航器时，React-navigation：标题不会显示

Question

我正在使用react-navigation和我的反应原生应用程序。我创建了一个底部选项卡导航器，并希望在我的屏幕上使用内置标题。但是标题没有显示出来。没有错误或警告。

app.js：

const TabStack = createBottomTabNavigator({
  Upload: { 
    screen: upload,
    navigationOption: {
      headerTitle: "Upload"
    }
  },
  Profile: { 
    screen: profile,
    navigationOption: {
      headerTitle: "Profile"
    }
  }
});

const MainStack = createSwitchNavigator(
  {
    Home: { screen: TabStack }
  },
  {
    initialRouteName: 'Home'
  }
);

upload.js

class upload extends React.Component {
    static navigationOptions = {
        title: 'Upload'
    };

    constructor(props) {
        super(props);

    ...

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

我该如何解决？

Answer 1

TabNavigator没有使用Header。常见的情况是让你TabNavigator你的根导航器，并使每个选项卡StackNavigator ...然后你会得到标题，因为它是默认情况下StackNavigator的一部分。