1. 程式人生 > >react-native的跳轉功能Navigator

react-native的跳轉功能Navigator

  最近在學習react-native,因為工作要用這個技術做APP。他是即react之後的升級版。裡面有很多的元件可以使用,但是都是基於JS之上的。我覺得rn用自己寫的js封裝起來還是不錯的。畢竟是原聲的嘛。

  今天介紹下跳轉功能的使用吧!

1.首先匯入這個元件

2.在當我點選這個按鈕的時候這個頁面跳轉。

3.建立一個_pressButton的函式。其中component中的DetailPage是跳轉頁面的頁面名,params裡面用於定義要傳過去的引數。裡面的屬性名比如name可以執行定義。


4.在跳轉到的頁面DetailPage中在componentDidMount中寫下面的程式碼就好了。name是從上個頁面傳的值。


5.在DetailPage頁面定義name的初始值:

好了,這樣的話就完成了頁面的跳轉了。很簡單吧。這都是我看了很多文件弄出來的啊。

如果你想再跳轉回去的話,那我們繼續往下看:

1。在DetailPage頁面中寫下面程式碼:


2.

OK了,這樣就能跳回去了。

我這篇文章沒有設麼原理,但是都是個人實踐,簡單直入。