Не определено "_this2.props.navigation.navigate"

Question

У меня проблемы, я хочу перейти, чтобы зарегистрироваться от входа в модал. Как решена эта проблема?

Как мне перемещаться в Модале?

введите описание изображения здесь

введите описание изображения здесь

import React, { Component } from 'react';
import { Alert, StyleSheet, Text, TouchableOpacity, View, Dimensions, TextInput } from 'react-native';
import Modal from 'react-native-modalbox';
import Lock from '../../../assets/icon/lock.svg';
import User from '../../../assets/icon/user.svg';

var screen = Dimensions.get('window');
class Login extends Component {
    constructor(props) {
        super(props);
    }

    showLogin = () => {
        this.refs.myLogin.open();
    }

    closeLogin = () => {
        this.refs.myLogin.close();
    }

    render() {
        return (
            <Modal
                ref={"myLogin"}
                style={{
                    borderRadius: 10,
                    width: screen.width - 80,
                    shadowRadius: 10,
                    height: 300,
                }}
                position='center'
                backdrop={true}
            />
        )
    }
}

и эта кнопка

<TouchableOpacity onPress={() => this.props.navigation.navigate('Register')}>
    <Text style={{ color: '#024379', fontWeight: 'bold' }}>Daftar Disini</Text>
</TouchableOpacity>

Answer 1

Используйте withNavigation HOC, чтобы получить доступ к навигационной информации в вашем компоненте.

Для справки см. this