react-native中路由頁面的跳轉與傳參的實例詳解
更新時間：2023年08月31日 11:01:40 作者：擺爛到巔峰
這篇文章主要介紹了react-native中路由頁面的跳轉與傳參,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
頁面跳轉
navigate
this.props.navigation.navigate('Details')跳轉到"Details"這個頁面，但是如果多次跳轉到這個頁面，頁面路由本質上是不會發(fā)生改變的。
push
this.props.navigation.push('Details')不建議直接使用push，這樣會直接添加路由，而不會看看之前是不是有該路由。
back
返回上一個頁面
this.props.navigation.goBack(); 或： this.props.navigation.pop();
Top
返回堆棧中的第一個頁面
this.props.navigation.popToTop()
傳參
A跳轉到B
this.props.navigation.push('Details', {
data: 123
})B獲取A傳遞的參數(shù)
<Text>{this.props.navigation.getParam('data')}</Text>
或:
<Text>{this.props.navigation.state.params.data}</Text>改變傳到B頁面的參數(shù)：
this.props.navigation.setParams({
data: '321'
})到此這篇關于react-native中路由頁面的跳轉與傳參的文章就介紹到這了,更多相關react-native路由跳轉與傳參內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
React?Hooks useReducer?逃避deps組件渲染次數(shù)增加陷阱
這篇文章主要介紹了React?Hooks?之?useReducer?逃避deps后增加組件渲染次數(shù)的陷阱詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要介紹了create-react-app降低react的版本方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
React-RouterV6+AntdV4實現(xiàn)Menu菜單路由跳轉的方法
這篇文章主要介紹了React-RouterV6+AntdV4實現(xiàn)Menu菜單路由跳轉,主要有兩種跳轉方式一種是編程式跳轉另一種是NavLink鏈接式跳轉，每種方式通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-08-08
React自定義Hook之如何優(yōu)雅管理復雜列表的篩選狀態(tài)
在Web開發(fā)中,渲染包含數(shù)千甚至上萬條數(shù)據(jù)的列表是常見需求,這篇文章主要介紹了React自定義Hook之如何優(yōu)雅管理復雜列表篩選狀態(tài)的相關資料,文中給出了詳細的代碼示例,需要的朋友可以參考下2026-05-05
這篇文章主要介紹了React中的useState如何改變值不重新渲染的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
本文主要介紹了react使用.env文件管理全局變量的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-01-01
在React中使用Antd上傳并讀取Excel文件的詳細步驟
在React中使用Antd組件庫來上傳并讀取Excel文件,可以結合antd的Upload組件和xlsx庫來實現(xiàn),以下是一個詳細的步驟和示例代碼,展示如何在React應用中實現(xiàn)這一功能,感興趣的小伙伴跟著小編一起來看看吧2025-01-01
這篇文章主要為大家介紹了React18?中的?Suspense?API使用實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
JavaScript的React框架中的JSX語法學習入門教程
這篇文章主要介紹了JavaScript的React框架中的JSX語法學習入門教程,React是由Facebook開發(fā)并開源的高人氣js框架,需要的朋友可以參考下2016-03-03
React中的setState使用細節(jié)和原理解析(最新推薦)
這篇文章主要介紹了React中的setState使用細節(jié)和原理解析(最新推薦),前面我們有使用過setState的基本使用, 接下來我們對setState使用進行詳細的介紹，需要的朋友可以參考下2022-12-12