Как я могу быть перенаправлен на другой экран при нажатии на кнопку?

Question

import * as React from 'react';
import {Button, View, Text} from "react-native";
import Member from "./Signup"
import { withNavigation } from "react-navigation";
import { useNavigation } from '@react-navigation/native';
import {createAppContainer} from "react-navigation"

export default function App (){
    return (
      <View>
        <Text>Hello App Sean</Text>
        <Button 
        onPress = {()=>navigation.navigate("Member")}
        title="Redirect"/>
      </View>
    );
  }

import React from "react";
import {View, Text} from "react-native";
import { createStackNavigator } from '@react-navigation/stack';

export default class Member extends React.Component{
    render(){
        return (
            <View>
                <Text>Sign Up Sean!!!</Text>
            </View>
        )
    }
}

выше мой основной файл. Мой член элемент в файле регистрации является вторым. Я хочу, чтобы моя кнопка была нажата, и я был перенаправлен на экран регистрации. Как я могу это сделать? Я весь день гуглил, но мне кажется, что я еще не нашел решения для пирсинга. Пожалуйста, помогите мне.

Answer 1

Прежде всего, вам нужно создать навигатор стека, назовем его навигатором. js:

import { createStackNavigator} from 'react-navigation-stack';
import { createAppContainer } from 'react-navigation';

  import Register from '../screens/registration';
  import bottomNavigator from './bottomNavigator';
  import Login from '../screens/login';

const RootStack = createStackNavigator({
  Login: {
    screen: Login,
    navigationOptions: {
      headerShown: false,
    }
  },
  Register: {
    screen: Register,
    navigationOptions: {
      headerShown: false,
  }
  },
  Home: {
    screen: bottomNavigator,
    navigationOptions: {
      headerShown: false,
  }
  }
});



const CurrentScreen = createAppContainer(RootStack);


export default CurrentScreen;

, а затем просто использовать его в своих функциях:

this.props.navigation.navigate('Your Page Title'); 

Я надеюсь, что это то, что вы ищете.

Answer 2

Немного вне топики c, но я бы порекомендовал вам использовать React-router (для RN) и в сочетании с перехватчиком useHistory у вас не возникнет этих проблем. Основное c использование replace() or push() методов облегчит навигацию между маршрутами.