React Native填坑之旅--Navigation篇

React Native的導航有兩種，一種是iOS和Android通用的叫做Navigator，一種是支持iOS的叫做NavigatorIOS。我們這里只討論通用的Navigator。會了Navigator，NavigatorIOS也就不是什么難事了。

本文所使用的是React Native 0.34。FB團隊更新的太快了，我會在后續(xù)出現(xiàn)大的改動的時候更新本文以及代碼。

Navigator基礎

Navigator在不同的Scene之間跳轉。

• initialRoute對象
  這是Navigator所必須的，用于指定第一個Scene。

• renderScene方法，這個方法必須。用flow的語法來描述的話是這樣的renderScene(router: any, navigator: Navigator)。renderScene方法用來根據(jù)一個給定的route來繪制Scene。如：

  (route, navigator) => {
    <MySceneComponent title={route.title} navigator={navigator} />}

• push方法，push(route: any)。Navigator使用這個方法跳轉到一個新的Scene。

API就了解這么多，下面看一個簡單的例子。數(shù)據(jù)都是寫死的。

這個例子的主要功能就是從一個Scene（組件）HomeController，跳轉到另外的一個組件PetListController。就是從一組用戶里點選一個之后顯示這個用戶擁有的寵物列表。

代碼里的User數(shù)據(jù)以及用戶的Pets數(shù)據(jù)都是寫死的。如果要學習網(wǎng)絡請求方面的內容可以參考

網(wǎng)友評論