我如何在React Native iOS中隐藏/显示抽屉标签

时间:2018-07-04 14:34:29

标签: ios reactjs react-native

当前,我已经创建了一个返回null的自定义抽屉组件 (在自己的文件中)

class Hidden extends React.Component {
render() {
  return null;
  }
}

所以,我的计划是在抽屉导航器中隐藏一个抽屉标签 (在RootStack中)

Login: {
        screen: LoginStack,
        navigationOptions: {
            //manual insertion of Hidden component within drawerLabel
            drawerLabel: <Hidden />
        },  
    },

现在,当用户在另一个页面(“登录”页面内)完成操作时,我想隐藏此标签。像这样

firebase.auth().signInWithEmailAndPassword(email, password)
            .then((user) => {
                //navigate to home and notify user of login                 
                alert("Logged in");
                signedIn=true;
                this.props.navigation.navigate('Home');
                //REMOVE DRAWER LABEL HERE

我已经进行了测试,可以根据需要确认隐藏组件的功能(请参见具有手动插入隐藏组件的示例)。

我无法准确了解如何调用登录页面中的“隐藏”组件,进而更改RootStack中的内容。 (令人困惑... ikr)

如果有人可以提供帮助,我将不胜感激。

谢谢!

0 个答案:

没有答案