createBottomTabNavigator, createStackNavigator,

来源：2-7 TabNavigator精讲-2

宝慕林3443678

2018-08-26

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

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

写回答

1回答

CrazyCodeBoy

2018-08-27

说下思路哈：

在createStackNavigator中将createBottomTabNavigator的header的设置null，这样一来page1、page2、page3就能占满顶部区域了
在根据需要在page1、page2、page3中设置导航标题；

参考代码：

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

CrazyCodeBoy

宝慕林3443678

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

2018-08-28

共3条回复

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

查看课程

相似问题

react-navigation版本已经成了2.0了能否再详细讲解下？

回答 1