NavigationService.ts

import * as React from 'react';
import {
  NavigationContainerRef,
  DrawerActions,
  StackActions,
} from '@react-navigation/native';

export const navigationRef = React.createRef<NavigationContainerRef>();

export function navigate(
  name,
  params,
) {
  navigationRef.current?.navigate(name, params);
}

export function replace(
  name,
  params,
) {
  navigationRef.current?.dispatch(StackActions.replace(name, params));
}

export function push(name, params) {
  navigationRef.current?.dispatch(StackActions.push(name, params));
}

export function goBack() {
  navigationRef.current?.canGoBack() && navigationRef.current?.goBack();
}

export function popToTop() {
  navigationRef.current?.dispatch(StackActions.popToTop());
}