React Native 中的 ScreenOrientation 模块（来自 Expo）：更改屏幕方向的脚本不起作用

使用ScreenOrientation. 更正了您的代码，工作示例在这里。添加了控制台日志以使其更清晰。

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = { src: null, orientation: null};
  }

  async _getCurrentOrientationAsync() {
    return await ScreenOrientation.getOrientationAsync();
  }

  async componentWillMount() {
    const initOrientation = await this._getCurrentOrientationAsync();
    console.log('init orientation: ', initOrientation);

    this._orientationDidChange({orientationInfo: initOrientation});
    ScreenOrientation.addOrientationChangeListener(this._orientationDidChange.bind(this));
  }

  componentWillUnmount() {
    ScreenOrientation.removeOrientationChangeListeners(
      this._orientationDidChange
    );
  }

  _orientationDidChange(orientationObj) {
    const { orientation } = orientationObj.orientationInfo;
    console.log('orientation changed: ', orientation);

    this.setState({orientation});

    if (orientation.indexOf('PORTRAIT') >= 0) {
      console.log('show picture');
      this._showPicture.call(this);
    } else {
      console.log('hide picture');
      this._hidePicture.call(this);
    }
  }

  _showPicture() {
    const arr = ["http://i.piccy.info/i9/5ef231e9c88f67f8b1c2e11935d4016d/1574347072/28199/1342235/7.jpg", "http://i.piccy.info/i9/f23ea3aca85bba7ee824122ed30f9471/1574347130/45021/1342235/3.jpg"];


    const timer = setTimeout(() => {
      const bg = arr[Math.floor(Math.random() * arr.length)];
      this.setState({ src: bg });
    }, 5000);
  }

  _hidePicture() {
    this.setState({ src: null });
  }

  render() {
    const {orientation, src} = this.state
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>{orientation}</Text>
        <Image
          style={{ width: 200, height: 200 }}
          source={{ uri: src }}
        />
      </View>
    );
  }
}