使用底部选项卡导航器时不显示标题
问题我在我的反应本机应用程序中使用反应导航。我创建了一个底部选项卡导航器，并希望使用屏幕上的内置标题。但是头球没有来。没有错误或警告。
应用程序js：
const TabStack = createBottomTabNavigator({
Upload: {
screen: upload,
navigationOption: {
headerTitle: "Upload"
}
},
Profile: {
screen: profile,
navigationOption: {
headerTitle: "Profile"
}
}
});
const MainStack = createSwitchNavigator(
{
Home: { screen: TabStack }
},
{
initialRouteName: 'Home'
}
);
上传.js
class upload extends React.Component {
static navigationOptions = {
title: 'Upload'
};
constructor(props) {
super(props);
...
我知道可能没有必要在组件中声明 navigationOptions，因为它已经在 app.js 中声明了，但这只是为了表明这两种方法都不起作用。
我怎样才能解决这个问题？
回答
TabNavigator 不附带 Header 。最常见的情况是将 TabNavigator 设置为根导航器并将每个选项卡设置为 StackNavigator ，然后您将获得标题，因为它默认是 StackNavigator 的一部分。
页:
[1]