Question

刚刚实施了登录页面。

用户点击登录按钮后。如何导航到我的主页模块？

代码应如下所示：

登录模块：

class MyClient extends Component{
    render() {
        return (
            <View style={styles.container}>
                <TouchableHighlight style={styles.button}
                    onPress={this.login.bind(this)}>
                </TouchableHighlight>
            </View>
        );
    }
    login() {
        //How to switch to home view here?
    }
}

module.exports = MyClient;

主页模块：

class Home extends Component{
    render() {
        return (
            <View>
                 <Text>This is home page</Text>
            </View>
        );
    }
}
module.experts = Home;

我不想使用导航器这个组件因为'我认为家庭模块＆amp;登录模块不应该是父和子关系的排序。

有没有办法在这两个页面之间切换？

Answer 1

您必须使用导航器。您可以尝试使用＆＃34;替换＆＃34;而不是＆＃34;推＆＃34;。通过这种方式，您可以实现组件之间的即时导航。

this.props.navigator.replace({ 
    title: 'Home', component: Home 
});

如果您想要隐藏导航栏，则会出现＆＃34; navigationBarHidden＆＃34; NavigatorIOS组件的属性。

  <NavigatorIOS navigationBarHidden = 'true' />

如何在本机中切换到另一个模块？

1 个答案: