artyorsh

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 => (

artyorsh

import React from 'react';
import { NavigationNativeContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { AuthNavigator } from './auth.navigator';
import { HomeNavigator } from './home.navigator';
import { AppRoute } from './app-routes';

const Stack = createStackNavigator();

export const AppNavigator = (config): React.ReactElement => (

artyorsh

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

const Drawer = createDrawerNavigator();
const BottomTab = createBottomTabNavigator();

artyorsh

import React from 'react';
import { TabBar, Tab, Divider } from 'react-native-ui-kitten';
import { SafeAreaLayout, SaveAreaInset, SafeAreaLayoutElement } from '@app-components/safe-area-layout.component';
import { Toolbar } from '@app-components/toolbar.component';
import { DoneAllIcon, GridIcon, MenuIcon } from '@app-assets/icons';

export const TodoScreen = (props): SafeAreaLayoutElement => {

  const onTabSelect = (index: number): void => {
    const { [index]: selectedTabRoute } = props.state.routeNames;

artyorsh

import React from 'react';
import { Drawer, DrawerElement, MenuItemType } from 'react-native-ui-kitten';
import { InfoIcon, LogoutIcon } from '@app-assets/icons';
import { AppRoute } from '@app-navigation/app-routes';
import { SafeAreaLayout, SaveAreaInset} from '@app-components/safe-area-layout.component';

const drawerData: MenuItemType[] = [
  { icon: InfoIcon, title: 'About' },
  { icon: LogoutIcon, title: 'Log Out' },
];

artyorsh

import { ParamListBase, RouteProp } from '@react-navigation/core';
import { StackNavigationProp } from '@react-navigation/stack';
import { AppRoute } from './app-routes';

interface AuthNavigatorParams extends ParamListBase {
  [AppRoute.SIGN_IN]: undefined;
  [AppRoute.SIGN_UP]: undefined;
  [AppRoute.RESET_PASSWORD]: undefined;
}

artyorsh

// AdditionalNavigationProp is, for example, DrawerNavigationProp

export type BottomTabBarProps<AdditionalNavigationProp = {}> = BottomTabBarOptions & {
  state: TabNavigationState;
  descriptors: BottomTabDescriptorMap;
  navigation: NavigationHelpers<ParamListBase> & AdditionalNavigationProp;
  // ....
};

artyorsh

const onFormSubmit = (values: SignInData): void => {
  props.onAuthorized();
};

artyorsh

interface SignInProps extends SignInScreenProps {
  onAuthorized: () => void;
}

artyorsh

export const AuthNavigator = (props: AuthNavigatorProps): React.ReactElement => {

  const SignInNavigationScreen = (screenProps: SignInScreenProps): React.ReactElement => (
    <SignInScreen {...screenProps} onAuthorized={props.onAuthorized}/>
  );

  const SignUpNavigationScreen = (screenProps: SignUpScreenProps): React.ReactElement => (
    <SignUpScreen {...screenProps} onAuthorized={props.onAuthorized}/>
  );