本篇內(nèi)容主要講解“web前端中native有什么作用”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“web前端中native有什么作用”吧!

創(chuàng)新互聯(lián)建站"三網(wǎng)合一"的企業(yè)建站思路。企業(yè)可建設(shè)擁有電腦版、微信版、手機(jī)版的企業(yè)網(wǎng)站。實(shí)現(xiàn)跨屏營(yíng)銷，產(chǎn)品發(fā)布一步更新，電腦網(wǎng)絡(luò)+移動(dòng)網(wǎng)絡(luò)一網(wǎng)打盡，滿足企業(yè)的營(yíng)銷需求！創(chuàng)新互聯(lián)建站具備承接各種類型的網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)項(xiàng)目的能力。經(jīng)過(guò)10余年的努力的開(kāi)拓，為不同行業(yè)的企事業(yè)單位提供了優(yōu)質(zhì)的服務(wù)，并獲得了客戶的一致好評(píng)。

react-native實(shí)現(xiàn)頁(yè)面之間的相互傳值

用到reactNavigation組件

兼容性:IOS/Android

原理:reactNavigation為頁(yè)面的props上掛載了navigation對(duì)象,可用來(lái)做路由跳轉(zhuǎn)，在做頁(yè)面跳轉(zhuǎn)時(shí)可以攜帶參數(shù)/回調(diào)方法前往目標(biāo)頁(yè)面，從而達(dá)到傳參的目的。

切換路由方法：

this.props.navigation.goBack()返回上一層

this.props.navigation.popToTop()返回堆棧最頂層

this.props.navigation.push(‘Details’)繼續(xù)往下推送新的路由，相當(dāng)于子頁(yè)面的子頁(yè)面

this.props.navigation.navigate(‘Details’)將新路由推送到導(dǎo)航器中，如果沒(méi)有在導(dǎo)航器中，則跳轉(zhuǎn)到該頁(yè)面

父頁(yè)面?zhèn)鲄?shù)給子頁(yè)面

<TouchableOpacityonpress={

()=>{

this.props.navigation.navigate('B',{

params:xx,

})

}

}>

子頁(yè)面接收參數(shù)

constructor(props){

super(props);

const{navigation}=this.props;

letyy=navigation.getParam("params");

}

這樣子頁(yè)面就獲取到父頁(yè)面?zhèn)鬟f過(guò)來(lái)的值了。

ReactNative添加Redux支持

現(xiàn)在項(xiàng)目環(huán)境如下：

{

"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"

},

到此，相信大家對(duì)“web前端中native有什么作用”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

本文名稱：web前端中native有什么作用-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://www.rwnh.cn/article18/djhidp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、品牌網(wǎng)站建設(shè)、電子商務(wù)、營(yíng)銷型網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)