使用 React Native Navigation V2 时关闭推送动画

Question

如何在使用 RNN v2 Navigation.push 时关闭动画？

尝试在使用 V1 时设置 animated: false。但不适用于 V2

Navigation.push(this.props.homeId, {
  component: {
    name: 'Screen2',
    animated: false,
    options: {
      animated: false,
      topBar: {
        title: {
          text: 'Pushed Screen Title'
        }
      }
    }
  }
})

}

阅读 V2 文档，但没有找到任何有用的信息。

Answer 1

根据Styling documentation，对于将屏幕推入和弹出堆栈，您可以单独禁用动画，这似乎可以满足您的需要。

Navigation.push(this.props.componentId, {
  component: {
    name: 'Screen2',
    options: {
      topBar: {
        title: {
          text: 'Pushed Screen Title'
        }
      },
      animations: {
        push: {
          enabled: false
        }
      }
    }
  }
})