React NavigatorIOS 没有在 replace() 上更新标题

Question

我在我的根组件中使用 NavigatorIOS 组件，并且想要在登录和注册屏幕之间切换：

navToLogin() {
    this.refs.nav.replace({
        title: "Login",
        component: LoginScene,
        rightButtonTitle: "Sign Up",
        onRightButtonPress: this.navToRegister.bind(this)
    });
}

navToRegister() {
    this.refs.nav.replace({
        title: "Sign Up",
        component: RegisterScene,
        rightButtonTitle: "Login",
        onRightButtonPress: this.navToLogin.bind(this)
    });
}

render() {
    return (
        <NavigatorIOS
            ref = "nav"
            style={styles.navigator}
            initialRoute={{
                component: LoginScene,
                title: "Login",
                rightButtonTitle: "Sign Up",
                onRightButtonPress: this.navToRegister.bind(this)
            }}
        />
    );
}

虽然视图已正确更新，但在 nav.replace() 调用之后标题和 rightButton 不会更改。当我使用 nav.push() 时，一切都按预期工作。

我是否以某种方式错误地使用了这个组件？

Answer 1

你没有用错，这是NavigatorIOS的一个bug。如果可以的话，可能值得使用 Navigator，因为它得到了更好的支持（Facebook 实际上在内部使用它）