React Navigation

App.js

import React from 'react';
import HomePage from "./src/HomePage";
import ProfilePage from "./src/ProfilePage";

import {createStackNavigator,createAppContainer} from 'react-navigation'

const Navigasi =createStackNavigator(
  {
    Home:HomePage,
    Profile:ProfilePage
  }
)

const AppContainer = createAppContainer(Navigasi)

export default class App extends React.Component {
  render() {
    return (
     <AppContainer />
    );
  }
}

HomePage.js

import React, { Component } from 'react';
import { View, Text,Button } from 'react-native';

export default class HomePage extends Component {
  
  render() {
    
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        
        <Button
          title="Go to Profile"
          onPress={() => {
            this.props.navigation.navigate('Profile');
          }}
        />
      </View>
    );
  }
}

ProfilePage.js

import React, { Component } from 'react'
import { Text, View,Button } from 'react-native'

export default class ProfilePage extends Component {
  
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Button
          title="Go to Home"
          onPress={() => this.props.navigation.navigate('Home')}
        />
        <Button
          title="Go back"
          onPress={() => this.props.navigation.goBack()}
        />
      </View>
    );
  }
}