useAppearanceAwareStatusBar.ts

export const swapLightForDark = (appearance: string) => {
  switch (appearance) {
    case 'light':
      return 'dark';
    case 'dark':
      return 'light';
    default:
      throw new Error('Unknown appearance');
  }
};

export const useAppearanceAwareStatusBar = () => {
  const appearance = useColorScheme();
  const preference = useSelector(getAppearancePreference);
  useFocusEffect(
    useCallback(() => {
      switch (preference) {
        case 'automatic':
          StatusBar.setBarStyle(
            appearance ? (`${swapLightForDark(appearance)}-content` as StatusBarStyle) : 'dark-content',
            true,
          );
          break;
        case 'light':
          StatusBar.setBarStyle('dark-content', true);
          break;
        case 'dark':
          StatusBar.setBarStyle('light-content', true);
          break;
      }
    }, [appearance, preference]),
  );
};