types.tsx

/**
 * Learn more about using TypeScript with React Navigation:
 * https://reactnavigation.org/docs/typescript/
 */

import {BottomTabScreenProps} from '@react-navigation/bottom-tabs';
import {
  CompositeScreenProps,
  NavigatorScreenParams,
} from '@react-navigation/native';
import {NativeStackScreenProps} from '@react-navigation/native-stack';

declare global {
  namespace ReactNavigation {
    interface RootParamList extends RootStackParamList {}
  }
}

export type RootStackParamList = {
  Root: NavigatorScreenParams<RootTabParamList> | undefined;
  NotFound: undefined;
};

export type CaptureStackParamList = {
  Barcode: undefined;
  CaptureScreen: {uri: string};
};

export type RootStackScreenProps<Screen extends keyof RootStackParamList> =
  NativeStackScreenProps<RootStackParamList, Screen>;

export type RootTabParamList = {
  Overview: undefined;
  Capture: {screen: string} | undefined;
};

export type BarcodeScreenProps = NativeStackScreenProps<
  CaptureStackParamList,
  'Barcode'
>;

export type OverviewScreenProps = BottomTabScreenProps<
  RootTabParamList,
  'Overview'
>;
export type CaptureScreenProps = CompositeScreenProps<
  NativeStackScreenProps<CaptureStackParamList, 'CaptureScreen'>,
  BottomTabScreenProps<RootTabParamList, 'Overview'>
>;

export type RootTabScreenProps<Screen extends keyof RootTabParamList> =
  CompositeScreenProps<
    BottomTabScreenProps<RootTabParamList, Screen>,
    NativeStackScreenProps<RootStackParamList>
  >;