react-navigation-drawer

const DrawerGestureContext: React.Context<any>;

const DrawerProgressContext: React.Context<any>;

createDrawerNavigator: (
    routeConfigs: NavigationRouteConfigMap<NavigationDrawerOptions, any>,
    config?: CreateNavigatorConfig<
        NavigationDrawerConfig,
        NavigationDrawerRouterConfig,
        NavigationDrawerOptions,
        any
    >
) => any;

DrawerRouter: (
    routeConfigs: NavigationRouteConfigMap<any, any>,
    config?: {
        unmountInactiveRoutes?: boolean;
        resetOnBlur?: boolean;
        initialRouteName?: string;
    }
) => {
    getActionCreators(
        route: NavigationRoute,
        navStateKey: string
    ): { openDrawer: () => any; closeDrawer: () => any; toggleDrawer: () => any };
    getStateForAction(
        action: NavigationAction,
        state?:
            | (import('react-navigation').NavigationLeafRoute<
                  import('react-navigation').NavigationParams
              > & { isDrawerOpen?: any })
            | (import('react-navigation').NavigationLeafRoute<
                  import('react-navigation').NavigationParams
              > &
                  import('react-navigation').NavigationState & {
                      isDrawerOpen?: any;
                  })
            | undefined
    ): any;
    getActionForPathAndParams: (
        path: string,
        params?: import('react-navigation').NavigationParams | undefined
    ) =>
        | import('react-navigation').NavigationInitAction
        | import('react-navigation').NavigationNavigateAction
        | import('react-navigation').NavigationBackAction
        | import('react-navigation').NavigationSetParamsAction
        | import('react-navigation').NavigationResetAction
        | import('react-navigation').NavigationReplaceAction
        | import('react-navigation').NavigationPopAction
        | import('react-navigation').NavigationPushAction
        | import('react-navigation').NavigationPopToTopAction
        | import('react-navigation').NavigationCompleteTransitionAction
        | import('react-navigation').NavigationDrawerOpenedAction
        | import('react-navigation').NavigationDrawerClosedAction
        | import('react-navigation').NavigationOpenDrawerAction
        | import('react-navigation').NavigationCloseDrawerAction
        | import('react-navigation').NavigationToggleDrawerAction
        | import('react-navigation').NavigationJumpToAction
        | { type: 'CHILD_ACTION'; key?: string | undefined }
        | null;
    getPathAndParamsForState: (state: any) => {
        path: string;
        params?: import('react-navigation').NavigationParams | undefined;
    };
    getComponentForRouteName: (routeName: string) => any;
    getComponentForState: (state: any) => any;
    getScreenOptions: any;
};

type DrawerContentComponentProps = DrawerNavigatorItemsProps & {
    navigation: NavigationScreenProp<NavigationDrawerState>;
    descriptors: SceneDescriptorMap;
    drawerOpenProgress: Animated.Node<number>;
    screenProps: unknown;
};

type DrawerIconProps = {
    tintColor?: string;
    focused: boolean;
};

type DrawerLabelProps = {
    tintColor?: string;
    focused: boolean;
};

type DrawerLockMode = 'unlocked' | 'locked-closed' | 'locked-open';

type NavigationDrawerConfig = {
    contentComponent?: React.ComponentType<DrawerContentComponentProps>;
    edgeWidth?: number;
    minSwipeDistance?: number;
    drawerWidth?: number | (() => number);
    drawerPosition?: 'left' | 'right';
    drawerType?: 'front' | 'back' | 'slide';
    drawerLockMode?: DrawerLockMode;
    keyboardDismissMode?: 'none' | 'on-drag';
    swipeEdgeWidth?: number;
    swipeDistanceThreshold?: number;
    swipeVelocityThreshold?: number;
    hideStatusBar?: boolean;
    statusBarAnimation?: 'slide' | 'none' | 'fade';
    drawerBackgroundColor?: ThemedColor;
    overlayColor?: ThemedColor;
    screenContainerStyle?: StyleProp<ViewStyle>;
    detachInactiveScreens?: boolean;
};

type NavigationDrawerOptions = {
    title?: string;
    drawerLabel?: React.ReactNode | ((props: DrawerLabelProps) => React.ReactNode);
    drawerIcon?: React.ReactNode | ((props: DrawerIconProps) => React.ReactNode);
    drawerLockMode?: DrawerLockMode;
};

type NavigationDrawerProp<
    State = NavigationRoute,
    Params = NavigationParams
> = NavigationScreenProp<State, Params> & {
    openDrawer: () => void;
    closeDrawer: () => void;
    toggleDrawer: () => void;
    jumpTo: (routeName: string, key?: string) => void;
};

type NavigationDrawerRouterConfig = {
    unmountInactiveRoutes?: boolean;
    resetOnBlur?: boolean;
    initialRouteName?: string;
    contentComponent?: React.ComponentType<DrawerContentComponentProps>;
    contentOptions?: {
        /**
         * the array of routes, can be modified or overridden
         */
        items?: NavigationRoute[];
        /**
         * key identifying the active route
         */
        activeItemKey?: string;
        /**
         * label and icon color of the active label
         */
        activeTintColor?: string;
        /**
         * background color of the active label
         */
        activeBackgroundColor?: string;
        /**
         * label and icon color of the inactive label
         */
        inactiveTintColor?: string;
        /**
         * background color of the inactive label
         */
        inactiveBackgroundColor?: string;
        /**
         * function to be invoked when an item is pressed
         */
        onItemPress?: (info: DrawerItem) => void;
        /**
         * style object for the content section
         */
        itemsContainerStyle?: StyleProp<ViewStyle>;
        /**
         * style object for the single item, which can contain an Icon and/or a Label
         */
        itemStyle?: StyleProp<ViewStyle>;
        /**
         * style object to overwrite Text style inside content section, when your label is a string
         */
        labelStyle?: StyleProp<TextStyle>;
        /**
         * style object to overwrite Text style of the active label, when your label is a string (merged with labelStyle)
         */
        activeLabelStyle?: StyleProp<TextStyle>;
        /**
         * style object to overwrite Text style of the inactive label, when your label is a string (merged with labelStyle)
         */
        inactiveLabelStyle?: StyleProp<TextStyle>;
        /**
         * style object to overwrite View icon container styles
         */
        iconContainerStyle?: StyleProp<ViewStyle>;
    };
    backBehavior?: 'none' | 'initialRoute' | 'history';
};

type NavigationDrawerScreenComponent<
    Params = NavigationParams,
    ScreenProps = unknown
> = React.ComponentType<NavigationDrawerScreenProps<Params, ScreenProps>> & {
    navigationOptions?: NavigationScreenConfig<
        NavigationDrawerOptions,
        NavigationDrawerProp<NavigationRoute, Params>,
        ScreenProps
    >;
};

type NavigationDrawerScreenProps<
    Params = NavigationParams,
    ScreenProps = unknown
> = {
    theme: SupportedThemes;
    navigation: NavigationDrawerProp<NavigationRoute, Params>;
    screenProps: ScreenProps;
};

type NavigationDrawerState = NavigationState & {
    isDrawerOpen: boolean;
};