react-native-edge-to-edge/src/types.ts

Effortlessly enable edge-to-edge display in React Native

type SystemBarsProp<T> = T | { statusBar?: T; navigationBar?: T };

export type SystemBarStyle = "auto" | "inverted" | "light" | "dark";

export type SystemBarsEntry = {
  statusBarStyle: SystemBarStyle | undefined;
  navigationBarStyle: SystemBarStyle | undefined;
  statusBarHidden: boolean | undefined;
  navigationBarHidden: boolean | undefined;
};

export type SystemBarsProps = {
  style?: SystemBarsProp<SystemBarStyle>;
  hidden?: SystemBarsProp<boolean>;
};