react-native-media-viewing/dist/components/StatusBarManager.js

React Native modal component for viewing images and video as a sliding gallery

import { useEffect } from "react";
import { Platform, StatusBar, } from "react-native";
const StatusBarManager = ({ presentationStyle, }) => {
    if (Platform.OS === "ios" || presentationStyle !== "overFullScreen") {
        return null;
    }
    //Can't get an actual state of app status bar with default RN. Gonna rely on "presentationStyle === overFullScreen" prop and guess application status bar state to be visible in this case.
    StatusBar.setHidden(true);
    useEffect(() => {
        return () => StatusBar.setHidden(false);
    }, []);
    return null;
};
export default StatusBarManager;