javascript – 在NavigatorIOS中调用onRightButtonPress的函数 – React Native

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在NavigatorIOS中调用onRightButtonPress的函数 – React Native，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含881字，纯文字阅读大概需要2分钟。

内容图文

我在一个反应??原生的NavigatorIOS中使用onRightButton.
我希望能够调用一个驻留在我正在推动的组件中的函数,但我无法知道如何实现它.
这是一个代码示例：

this.props.navigator.push({
  component: SingleResultView,
  title: "SomeTitle",
  rightButtonIcon: require('image!mapsmarker'),
  passProps: {
    userPosition: this.props.userPosition
  },
  onRightButtonPress: () => { SingleResultView.foo(); } // NOT WORKING!
});

我怎样才能做到这一点？

解决方法:

参考回调道具是你的朋友！ https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute

  goToResults() {
    this.props.navigator.push({
      component: SingleResultView,
      title: "SomeTitle",
      rightButtonIcon: require('image!mapsmarker'),
      passProps: {
        userPosition: this.props.userPosition,
        ref: this.onResultsRef,
      },
      onRightButtonPress: () => { this._resultsView && this._resultsView.foo(); }
    });
  }

  onResultsRef(resultsViewRef) {
    this._resultsView = resultsViewRef;
  }

内容总结

以上是互联网集市为您收集整理的javascript – 在NavigatorIOS中调用onRightButtonPress的函数 – React Native全部内容，希望文章能够帮你解决javascript – 在NavigatorIOS中调用onRightButtonPress的函数 – React Native所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---