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

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

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

用到reactNavigation組件

兼容性:IOS/Android

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

切換路由方法：

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

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

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

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

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

()=>{

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

params:xx,

})

}

}>

子頁面接收參數(shù)

constructor(props){

super(props);

const{navigation}=this.props;

letyy=navigation.getParam("params");

}

這樣子頁面就獲取到父頁面?zhèn)鬟f過來的值了。

ReactNative添加Redux支持

現(xiàn)在項目環(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"

},

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

分享名稱：web前端中native有什么作用-創(chuàng)新互聯(lián)
本文來源：http://weahome.cn/article/djhidp.html