createBottomTabNavigator, createStackNavigator,

Question

createBottomTabNavigator,createStackNavigator, 两个一起使用，当我在TabBar上切换界面时，怎样也让导航的标题动态改变。

比如TabBar 有三个界面（page1、page2、page3）但我切换到page2时导航到标题就变page2

Answer 1

CrazyCodeBoy 2018-08-27 11:33:59

说下思路哈：

• 在createStackNavigator中将createBottomTabNavigator的header的设置null，这样一来page1、page2、page3就能占满顶部区域了

• 在根据需要在page1、page2、page3中设置导航标题；

参考代码：

1 2 3 4 5

TabNav: {     screen: AppTabNavigator,     navigationOptions: {//在这里定义每个页面的导航属性，静态配置         header: null,// 可以通过将header设为null 来禁用StackNavigator的Navigation Bar     }

• 提问者 宝慕林3443678 #1

  还是不行 home.js 
   static navigationOptions = {
          title: '发布',
          header
      }

• 提问者 宝慕林3443678 #2

  还是不行 home.js 部分
  
  static navigationOptions = { title: '发布', header } 标题还是没有

• CrazyCodeBoy 回复 提问者 宝慕林3443678 #3

  通过上述方式，标题就需要在page1、page2、page3页面中分别设置的，是在NavigationBar上设置