Sets the status bar style on navigation through hooks.#react-native

useStatusBarStyle.js

import { useCallback } from 'react';
import { StatusBar } from 'react-native';
import { useFocusEffect } from '@react-navigation/native';

/**
 * Sets the status bar style on navigation through hooks
 * @param { String } style The status bar style light-content dark-content
 */
const useStatusBarStyle = style => {
  useFocusEffect(
    useCallback(() => {
      StatusBar.setBarStyle(style);
    }, [])
  );
}

export default useStatusBarStyle;