选项卡显示错误的标题

时间:2019-07-15 11:56:59

标签: android reactjs react-native react-native-router-flux

我正在开发本机移动应用程序。升级RN版本和react-native-router-flux ^4.0.6之后。我正在使用类似于 ]

它必须显示标题为TabsHOMECATEGORIES的{​​{1}}。但是,已经观察到它正在不断获取抽屉标题,标签看起来像Success storiesHomemainTitle。主要标题是在抽屉上设置的标题。

只有标签的显示右边是其中带有初始标签的标签。

期望:选项卡将在抽屉下方的屏幕上显示其标题。 现实:抽屉菜单标题每次都显示。 这是我的代码。

mainTitle

Here is the screenshot of my drawer and tabs

1 个答案:

答案 0 :(得分:1)

花了几个小时后,我才能修复它。实际上react-native-router-flux没有文档中提到的title属性。 react-native-router-flux-documentation。因此,我只是获得了一个解决问题的技巧,那就是我在getTitle中使用了title而不是drawer。我的代码现在看起来像这样

    <Drawer
        initial
        navigationBarStyle={Styles.navigationBarStyle} key="drawer"
        contentComponent={DrawerMenu} drawerWidth={220}
        drawerIcon={<Icon name='menu' color={Colors.black} size={30}
                          style={{marginTop: Platform.OS === 'ios' ? -5 : 0}}
                          onPress={this.handleDrawerIconPress}/>}
        getTitle="Main Title"  rightTitle=' '
     >

它解决了我的问题。感谢所有对此感兴趣的人。