javascript – React Native Router Flux动态路由

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – React Native Router Flux动态路由，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1065字，纯文字阅读大概需要2分钟。

内容图文

在我的React Native项目中,我有一个导入：

import { Actions as NavigationActions } from 'react-native-router-flux'

我也有一个prop.props.route路线的道具类型,相当于’someRoute’.我想像这样有效地使用这两个：

<TouchableOpacity onPress={NavigationActions.this.props.route}>

显然这不起作用,但如何将两者结合使用？

我试过了

const { route } = this.props
<TouchableOpacity onPress={NavigationActions.route}>

并且

<TouchableOpacity onPress={{$NavigationActions}.${route}}>

但都没有工作.任何人都可以告诉我我做错了什么

解决方法:

见react-native-router-flux minitutorial.

你不打算访问他们的道具.

<Router>
  <Scene key="root">
    <Scene key="pageOne" component={PageOne} title="PageOne" initial={true} />
    <Scene key="pageTwo" component={PageTwo} title="PageTwo" />
  </Scene>
</Router>

<Text onPress={Actions.pageTwo}>This is PageOne!</Text>

编辑：

由于您期待动态重定向,因此该方法与处理对象时的方法相同.

a = {foo：’bar’} – > a.foo或[‘foo’](第二个是动态版)

这是您案例中的行动[页面].

哪个成了

const route = this.props.route;
<TouchableOpacity onPress={NavigationActions[route]}>

确保路径实际上是场景的关键.

内容总结

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

内容备注

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

内容手机端

---