How do I redirect in react native when button is clicked?

Question

How do i go to the next screen in react native when i clicked a button?

Here is my code

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Button,
} from 'react-native';
import Test from './android/components/Test'


export default class ReactTest extends Component {


  render() {

    return (

      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome click the button to register.
        </Text>
         <Button
                    style={styles.cancelButton} 
                    onPress={this.editUser}
                    title="Register"
                    color="#343434"
                    accessibilityLabel="Register a User."/>
      </View>


    );
  }
}

I am new to react-native. I am trying to navigate from one screen to another when the register button is pressed.

Answer 1

Write a function at the top before render method for editUser to direct where to navigate to.

editUser = () => {
  this.props.navigation.navigate("Screen");
      };