当前,我已经创建了一个返回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)
如果有人可以提供帮助,我将不胜感激。
谢谢!