React Navigation 5 - Basic Switch Navigator

createSwitchNavigator.tsx

import React from 'react';
import { View } from 'react-native';
import { useNavigationBuilder, TabRouter, NavigationHelpersContext, createNavigatorFactory } from '@react-navigation/native';

interface SwitchNavigatorProps {
  children: React.ReactNode;
}

const SwitchNavigator = (props: SwitchNavigatorProps): React.ReactElement => {

  const { state, navigation, descriptors } = useNavigationBuilder(TabRouter, props);

  return (
    <NavigationHelpersContext.Provider value={navigation}>
      <View style={{ flex: 1 }}>
        {descriptors[state.routes[state.index].key].render()}
      </View>
    </NavigationHelpersContext.Provider>
  );
};

export const createSwitchNavigator = createNavigatorFactory(SwitchNavigator);