我正在向我的应用程序添加一个简单的登录屏幕,但是一旦用户通过身份验证,我就无法调用 Actions.home。
我有一个按钮,当按下它时,会调用一个函数来连接到服务器并获取身份验证状态,当成功时,我会调用 Actions.home。但什么也没发生。没有错误或警告。根本不值一提。
我已经尝试了它的所有形式,Actions.home、Actions.home()、{Actions.home},将 Actions.home 保存为构造函数中的状态,然后使用状态,......没有任何效果。
但是在我的其他屏幕中,当我在 onPress 道具中调用 Actions.somewhere 时,它可以工作。
我在这里阅读了大部分问题,以及关于 StackOverflow 的问题(没有很多),但不明白出了什么问题。我使用了所有建议的解决方案,但没有。
当我 console.log(Actions.home) 时,这就是我所看到的: 在此处输入图像描述
这是我的脚本:
路由器.js
<Scene key="root">
<Scene key="login" title="login" component={Login} hideTabBar hideNavBar initial />
<Scene key="tabsRoot" tabs tabBarStyle={[styles.tabBar, styles.tabBarShadow]} >
<Scene key="tab_home" iconName="home" icon={TabBarItem} >
<Scene key="home" title="saba" component={Home} navBar={NavBar} />
<Scene key="campaignHome" title="campaign" hideTabBar component={Campaign} navBar={NavBar} direction="vertical" />
</Scene>
......
</Scene>
</Scene>
登录屏幕:
export
default class Login extends Component {
constructor(props) {
super(props);
this.state = {
name: '',
phone: '',
shouldLogin: false,
shouldRegister: false,
error: false,
};
this._checkAuth = this._checkAuth.bind(this);
this._onNumberChanged = this._onNumberChanged.bind(this);
this._isRegistered = this._isRegistered.bind(this);
this._isNotRegistered = this._isNotRegistered.bind(this);
}
async _isRegistered(response) {
var user = response.payload.user;
this.state = {
name: user.name,
phone: user.phone,
shouldLogin: true,
};
Actions.home;
}
_isNotRegistered(response) {
var error = response.error;
if (!error.code === NOT_REGISTERED_CODE) {
this.setState({
shouldLogin: false,
shouldRegister: false,
error: true,
})
throw new AuthException("server responded with unrecognised object");
}
this.setState({
shouldLogin: false,
shouldRegister: true,
error: false,
})
}
_checkAuth() {
var {
phone
} = this.state;
var data = {
phone: phone,
}
let url = buildQuery(AuthTypes.LOGIN, data);
console.log("usl: " + url);
//connect to server
....
if(response.success) {
this._isRegistered(response);
} else {
this._isNotRegistered(response);
}
}
_onNumberChanged(event) {
var phone = event.nativeEvent.text;
this.setState({
phone: phone,
});
}
render() {
return ( < View style = {
[styles.container]
} >
< View style = {
[styles.imgContainer]
} >
< Image source = {
require('./../Images/login.png')
}
width = "200"
height = "200" / >
< /View>
<View style={[styles.form]}>
<View style={[styles.inputContainer]}>
<TextInput style={[styles.input]} placeholder="enter your phone number" onChange={ this._onNumberChanged } maxLength={12} / >
< /View>
<TouchableWithoutFeedback onPress={ this._checkAuth } >
<View style={[styles.submitContainer]}>
<View>
<Text style={[styles.text, styles.loginButton]}>login</Text >
< /View>
</View >
< /TouchableWithoutFeedback>
</View >
< /View>
)
}
}