iPad Landscape模式失效：设备方向未检测及窗口尺寸不变问题求助

你的核心问题是窗口尺寸变量未实时更新：windowWidth和windowHeight是组件初始化时获取的固定值，不会随着设备旋转自动刷新，导致getOrientation始终基于初始尺寸判断方向，自然检测不到变化。

修复步骤 #

1. 移除全局固定的windowWidth/windowHeight，每次判断方向时实时获取最新的窗口尺寸
2. 优化useEffect的依赖逻辑，避免不必要的状态依赖
3. 可选：用状态维护实时窗口尺寸，让组件自动响应尺寸变化

修改后的代码示例 #

const isIpad = Dimensions.get("window").width >= 768;  
const [orientation, setOrientation] = useState(getInitialOrientation());
// 可选：维护实时窗口尺寸，方便其他地方使用
const [windowSize, setWindowSize] = useState({
  width: Dimensions.get("window").width,
  height: Dimensions.get("window").height
});

useEffect(() => {
  const updateOrientationAndSize = () => {
    const { width, height } = Dimensions.get("window");
    setWindowSize({ width, height });
    
    const newOrientation = getOrientation(width, height);
    if (newOrientation !== orientation) {
      setOrientation(newOrientation);
    }
  };

  Dimensions.addEventListener('change', updateOrientationAndSize);

  return () => {
    Dimensions.removeEventListener('change', updateOrientationAndSize);
  };
}, [orientation]);

const getInitialOrientation = () => {
  const { width, height } = Dimensions.get("window");
  return width < height ? 'PORTRAIT' : (isIpad ? 'LANDSCAPE' : 'PORTRAIT');
}

const getOrientation = (width, height) => {
  return width < height ? 'PORTRAIT' : (isIpad ? 'LANDSCAPE' : 'PORTRAIT');
}

关键改动说明 #

• 每次调用getInitialOrientation和getOrientation时，都实时从Dimensions.get("window")获取最新尺寸，不再依赖固定变量
• 事件回调里同时更新窗口尺寸状态和方向状态，确保所有依赖尺寸的逻辑都能拿到最新值
• 针对iPad的判断逻辑简化，直接复用isIpad变量，避免重复判断

另外请再次确认info.plist配置：

• 确保已添加UISupportedInterfaceOrientations和UISupportedInterfaceOrientations~ipad字段，包含所有需要的方向（比如UIInterfaceOrientationLandscapeLeft、UIInterfaceOrientationLandscapeRight等）

内容的提问来源于stack exchange，提问作者Shambhavi GUPTA