反応ネイティブの別の画面にナビゲートできません

Question

POST APIを使用してログイン認証を行いました。成功応答内で成功応答を受信しました。たとえば、ログイン画面からビデオ画面に移動するなど、私のコードを見て、私がどこでミスをしたか教えてください。 const { navigate } =this.props.navigation;

としてログインコンポーネントのアクセスナビゲーションオブジェクトで

index.android.js: 
    export default class Registration extends Component { 
    render() { 
    const { navigation } =this.props; 
    return (
    <Login navigation={ navigation }/>); 
    } 
    } 

src/Login.js: 

class Login extends Component { 
constructor(props) { 
    super(props); 
    this.redirect=this.redirect.bind(this) 
    this.state = { 
     email: '', 
     password: '', 
     errors: '', 
     } 
    } 
    On button submit i just calling below method 
    CallSignIn() { 
    fetch("http://localhost:3000/users/login", { method: "POST", body: JSON.stringify({ email: this.state.email, password: this.state.password }), headers: { 'x-api-key': '7LH9ElCr4p1GLiMXAWLu0a9UsvKZ4wJr7t1N3ewh', 'Content-Type': 'application/json' } }) 
     .then((response) => response.json()) 
     .then((responseData) => { 
      this.setState({ showProgress: false }) 
      this.redirect() 
     Alert.alert("success:", JSON.stringify(responseData.token)); 
     }) 
     .done(); 
     } 
redirect() { 
const { navigate } = props.navigation; 
    navigate('Videos') 
} 
} 

Answer 1

この時にこのconst { navigate } = props.navigation;