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

【问题标题】：Turn off Push Animation When Use React Native Navigation V2使用 React Native Navigation V2 时关闭推送动画
【发布时间】：2018-09-14 09:03:28
【问题描述】：

使用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 文档，但没有发现任何帮助。

【问题讨论】：

标签： react-native react-native-ios react-native-navigation wix-react-native-navigation

【解决方案1】：

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

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

【讨论】：