The navigation bar title is not displayed,used createBottomTabNavigator createStackNavigator

[asd8855]

"react": "16.4.1",
"react-native": "0.56.0",
"react-navigation": "^2.13.0",
node v10.7.0
npm 6.4.1

const TabStack = createBottomTabNavigator({
Home: {screen: HomeScreen},
Work: { screen: WorkScreen },
Me: { screen: MeScreen }
});

const RootStack = createStackNavigator({
TabBar: { screen: TabStack },
Detail: { screen: DetailScreen }
});

export default class App extends React.Component {
render() {
return ;
}
}

static navigationOptions = {
title: "首页",
headerTitle: "首页", //对页面的配置
tabBarLabel: '首页',
};

[asd8855]

[eriveltonelias]

Hi @asd8855!

Can create a runnable example on https://snack.expo.io ?

[luckforyou]

@asd8855 你好，我也遇到与你相同的问题。
用下面的一段代码可以解决，但是不是很优雅。具体什么原因估计需要读源码进行解决。

// 不写函数，标题不是显示
TabStack.navigationOptions = ({ navigation }) => {
  let { routeName } = navigation.state.routes[navigation.state.index];
  let title;
  //do something like
  if (routeName === 'Home') {
    title = '微信';
  } else if (routeName === 'Work') {
    title = '通讯录';
  } else if (routeName === 'Me') {
    title = '发现';
  } 
  return {
    title,
  };
};

相当的不优雅，有时间再慢慢研究吧！

[eriveltonelias]

closing this because of no repro.