React-Native onLayout不平滑

Question

我在画廊屏幕上有一个onLayout，但是当我旋转屏幕时，当它调用onLayout时它根本不平滑。即使在真实的设备上它也是滞后的。 Here是显示问题的视频。

旋转时我甚至可以看到其他屏幕的一部分。有没有其他方法可以让屏幕顺畅旋转？

onLayout：

  onLayout = event => {
    const { width, height } = Dimensions.get('window')
    this.setState({width, height})
  }

然后我在容器视图上有onLayout。在其他视图和图像上，我有一个条件渲染。

例如：

height:(height > width) ? 500 : responsiveHeight(80)

编辑：第一个屏幕是唯一正确呈现的屏幕，儿童屏幕总是滞后。