ReactNative - 갤럭시 폴드 화면 대응

width 크기에 따라 height가 비율로 적용되는 부분이 있었는데 갤럭시 폴드가 접힌 상태에서 펼치면 화면이 틀어지는 상황이 생겼다.
그래서 갤럭시 폴드의 상황에 대응해야 되는 추가 작업이 필요해졌다.

import { Dimensions } from 'react-native';

useEffect(() => {
  const dimensionsChange = Dimensions.addEventListener('change', (status) => {
    setWidth(updateBannerHeight(status.window.width));
  });

  return () => {
    dimensionsChange.remove();
  };
}, []);

width가 변경되는걸 감지하기 위해 Dimensions를 import해서 상태변화 이벤트를 걸어줌.
폴드가 접힌상태로 쓰다가 펼쳤을 때 width값이 바뀌는걸 확인하고 작업할 수 있었다.