index.d.ts

import { EmitterSubscription } from 'react-native'

type BarViisibilityType = {
    statusBar: boolean,
    navigationBottomBar: boolean
}

type ImmersiveBarStyleType = 'Dark' | 'Light';
type ImmersiveBarModeType =
    'Normal' |
    'Full' |
    'FullSticky' |
    'Bottom' |
    'BottomSticky'


interface ImmersiveModeStatic {
    fullLayout(full: boolean): void;

    /**
     * Set system ui mode.
     * @param mode 
     */
    setBarMode(mode: ImmersiveBarModeType): void;

    /**
     * Set color of system bar.
     * When set color translucent will be disabled.
     * 
     * @param color color hex #rrggbbaa. if color is null will set default color
     */
    setBarColor(color: string): void;

    /**
     * Set default color of system bar.
     * When set default color translucent will be disabled.
     */
     setBarDefaultColor(): void;

    /**
     * Set style of system bar.
     * System Navigation will be Light, must be change bar color `setBarColor` to other color first.
     * 
     * @param style
     */
    setBarStyle(style: ImmersiveBarStyleType): void;

    /**
     * System bar background color is transparent 50%.
     * When `true` bar color will be disabled.
     * 
     * @param enable 
     */
    setBarTranslucent(enable: boolean): void;

    addEventListener(callback: (viisibility: BarViisibilityType) => void): EmitterSubscription;
}

declare const ImmersiveMode: ImmersiveModeStatic;
export default ImmersiveMode;