在react原生模式中旋转屏幕后，宽度和高度不会改变

import React, { useState, useEffect } from 'react';
import { View, Text, Dimensions } from 'react-native';

const App = () => {
  const [dimensions, setDimensions] = useState(Dimensions.get('window'));

  useEffect(() => {
    const handleDimensionChange = ({ window }) => {
      setDimensions(window);
    };

    Dimensions.addEventListener('change', handleDimensionChange);

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

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>Width: {dimensions.width}</Text>
      <Text>Height: {dimensions.height}</Text>
    </View>
  );
};

export default App;