如何在React Native中以编程方式导航?

时间:2020-02-26 08:29:31

标签: react-native

我有一个名为ChooseUser的屏幕。登录完成后,我想导航到一个名为ChooseUserScreen.js的文件。但是它不起作用。其显示此错误:

ReferenceError: Can't find variable: navigate

这是我的代码:

import React, { Component } from 'react';
import { Text, Block, Input, Button } from 'galio-framework';
import { StyleSheet, TouchableOpacity } from 'react-native';

class SignIn extends Component {
    state = {  
        tochooseuser: false  
    }
    signIn() {
        this.setState({tochooseuser: true })
    }  
    render() {
        if (this.state.tochooseuser === true) {
            navigate('ChooseUser')
        }
        return (
           <Button round color="info" style={ styles.btn } onPress={ this.signIn.bind(this) }>Sign in</Button>
        );
    }
}

export default SignIn;

1 个答案:

答案 0 :(得分:0)

我设法做到了

this.props.navigation.navigate('ChooseUser')

内部signIn()