从品牌网站建设到网络营销策划,从策略到执行的一站式服务
本篇内容主要讲解“web前端中native有什么作用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“web前端中native有什么作用”吧!
创新互联建站"三网合一"的企业建站思路。企业可建设拥有电脑版、微信版、手机版的企业网站。实现跨屏营销,产品发布一步更新,电脑网络+移动网络一网打尽,满足企业的营销需求!创新互联建站具备承接各种类型的网站设计、成都网站建设项目的能力。经过10余年的努力的开拓,为不同行业的企事业单位提供了优质的服务,并获得了客户的一致好评。react-native实现页面之间的相互传值
用到reactNavigation组件
兼容性:IOS/Android
原理:reactNavigation为页面的props上挂载了navigation对象,可用来做路由跳转,在做页面跳转时可以携带参数/回调方法前往目标页面,从而达到传参的目的。
切换路由方法:
this.props.navigation.goBack()返回上一层
this.props.navigation.popToTop()返回堆栈最顶层
this.props.navigation.push(‘Details’)继续往下推送新的路由,相当于子页面的子页面
this.props.navigation.navigate(‘Details’)将新路由推送到导航器中,如果没有在导航器中,则跳转到该页面
父页面传参数给子页面
()=>{ this.props.navigation.navigate('B',{ params:xx, }) } }> 子页面接收参数 constructor(props){ super(props); const{navigation}=this.props; letyy=navigation.getParam("params"); } 这样子页面就获取到父页面传递过来的值了。 ReactNative添加Redux支持 现在项目环境如下: { "name":"app", "version":"0.0.1", "private":true, "scripts":{ "start":"react-nativestart", "test":"jest", "lint":"eslint." }, "dependencies":{ "native-base":"^2.13.4", "react":"16.8.6", "react-native":"0.60.5", "react-native-gesture-handler":"^1.3.0", "react-native-keyboard-aware-scroll-view":"^0.9.1", "react-native-reanimated":"^1.2.0", "react-navigation":"^3.11.1" }, 到此,相信大家对“web前端中native有什么作用”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
分享题目:web前端中native有什么作用-创新互联
文章URL:http://cdkjz.cn/article/djhidp.html
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图