Home Navigator with Tabs at the bottom (Binding React Navigation 5 to Eva Design System)

home.navigator.tsx

import React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { BottomHomeScreen } from '@app-scenes/home';
import { TodoNavigator } from './todo.navigator';
import { ProfileNavigator } from './profile.navigator';
import { AppRoute } from './app-routes';

const BottomTab = createBottomTabNavigator();

export const HomeNavigator = (): React.ReactElement => (
  <BottomTab.Navigator tabBarComponent={BottomHomeScreen}>
    <BottomTab.Screen name={AppRoute.TODO} component={TodoNavigator}/>
    <BottomTab.Screen name={AppRoute.PROFILE} component={ProfileNavigator}/>
  </BottomTab.Navigator>
);