react-native - 反应导航错误 this.props.navigation.navigat
问题描述
我有两个屏幕,我想单击以使用反应导航移动新屏幕。但我有一个错误
this.props.navigation.navigate
这是我的代码。任何人都知道什么是问题。我遵循每一步。
import React, {Component} from 'react';
import { AppRegistry, View, Text,StyleSheet, TextInput, Image, ScrollView, Button, TouchableOpacity} from 'react-native';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import SignUp from './SignUp';
class Login extends React.Component{
constructor(props){
super(props);
this.state = { text: 'Useless Placeholder' };
}
render(){
const {navigate} = this.props.navigation;
return(
<View>
<ScrollView showsVerticalScrollIndicator={false}>
<View style={styles.button}>
<TouchableOpacity>
<Text style={styles.buttonText}>SIGN IN</Text>
</TouchableOpacity>
</View>
<View style={styles.createAccount}>
<Text style={styles.createText}
onPress={() => this.props.navigation.navigate("Home")}
>Create new account</Text>
</View>
</View>
</ScrollView>
</View>
);
}
}
module.exports = Login;
const MainNavigator = createStackNavigator({
Home: {screen: SignUp}
});
export default createAppContainer(MainNavigator);
解决方案
您还没有像这样在堆栈中添加您的登录屏幕
const MainNavigator = createStackNavigator({
Login : {screen: Login},
Home: {screen: SignUp}
});
推荐阅读
- nlp - 如何对后面有位置编号的店铺名称进行分组?
- jmeter - 在 jmeter 中,我如何通过在其中放入多个 http 请求来运行事务控制器?
- macos - 有没有办法自动将密码传递给 sudo 而无需输入?
- reactjs - 运行带有以下错误消息的反应应用程序时如何处理错误?
- python - 在 Python 中迭代 JSON
- angular - 对于 angular 8,如何解决这个问题?
- python-3.x - 如何修复 for 循环不打印结果并解决“160 张钞票中 10 和 50 各有多少,总计 1760 美元?”
- elasticsearch - 获取平均子聚合
- sapui5 - 了解 sapui5 表单布局
- html - 角度形式的表单验证