大家學(xué)習(xí)完了一些常用組件的應(yīng)用及其布局，現(xiàn)在我們來了解一個單頁面app才有的導(dǎo)航navigation
react-native version < 0.44.0版本之前提供了Navigator來制作導(dǎo)航因宇，之后版本若還需要用這個導(dǎo)航請額外添加react-native-deprecated-custom-components 來使用navigator，官方不會再進行維護
react-native version >= 0.44.0 官方推薦使用react-navigation
navigator
我們打開src/Root/root.js
我們看到這個Navigator組件在這里賦值使用了三個屬性次兆，initialRoute，configureScene和renderScene翔冀，當然Navigator的屬性遠不止這些摊阀，了解navigator的屬性
InitialRoute
The initial route for navigation. A route is an object that the navigator?will use to identify each scene it renders.?If both `initialRoute` and `initialRouteStack` props are passed to `Navigator`, then `initialRoute` must be in a route in `initialRouteStack`. If `initialRouteStack` is passed as a prop but `initialRoute` is not, then `initialRoute` will default internally to??the last item in `initialRouteStack`.
上面是官方給的解釋人断，對于我們來說我們需要認識到initialRoute是一個對象吭从，而這個對象是用來呈現(xiàn)呈現(xiàn)最終場景的氛濒，也就是我們能看到的那個場景.（不著急假褪，我們等會再聊initialRouteStack）
看到我們的root.js里面的程序，我們定義了一個全局的initialRoute對象漱牵，這個對象里面包含了兩個屬性：id和params，我想說的是步做，這個兩個屬性并不是必須的副渴，其實initialRoute對象的構(gòu)造都是用戶根據(jù)自己的需求自定義的∪龋可能你當前路由的界面需要一個頁面名字佳晶，那么你可以添加一個屬性title，你想為路由的頁面?zhèn)鬟f參數(shù)你可以添加一個屬性名叫params或者props讼载。
我們現(xiàn)在初始化好了initialRoute并且將他賦值到了Navigator元素上的initialRoute屬性里，告訴組件我現(xiàn)在初始化要展示的頁面我需要的東西都在了中跌！ 那么Navigator是怎么做到關(guān)聯(lián)到具體的對象的呢咨堤？
renderScene
Required function which renders the scene for a given route. Will be invoked with the `route` and the `navigator` object. (route, navigator) =>
按照官方的解釋，這個屬性是個方法漩符，而這個方式是用來展示你用戶所給的路由的一喘，而且它會默認傳遞一個navigator對象。
現(xiàn)在請大家注釋掉我們的initialRoute這個全局對象嗜暴，我們重新定義一個新的初始化路由
我們只需要在這個路由里面添加一個component屬性并且把login組件賦值到屬性上去
再修改下我們renderScene的函數(shù)體凸克，讓它返回一個route.component。然后運行項目看看結(jié)果會怎么樣闷沥。其實大家肯定也已經(jīng)猜到萎战，我們initialRoute對象在這里被當作是了route傳遞到了renderScene方法中，為了驗證我們的猜想舆逃，我們打開瀏覽器的調(diào)試工具進行斷點調(diào)試 蚂维。?如何調(diào)試？
看到了么路狮？事實正如我們所猜測的一樣虫啥，我們這個route里面剛好有一個屬性叫Component，并且它是一個login組件奄妨。從而我們又可以大膽的猜測涂籽，我們renderScene函數(shù)是用來返回我們的組件的，至于怎么返回我們可以自己定義砸抛，并且我們還可以操作到當前的navigator這個組件评雌。大家可以多多練習(xí)，多多調(diào)試看看具體情況直焙。
configureScene
Optional function where you can configure scene animations and gestures. Will be invoked with `route` and `routeStack` parameters, where `route` corresponds to the current scene being rendered by the `Navigator` and `routeStack` is the set of currently mounted routes?that the navigator could transition to. The function should return a scene configuration object. (route, routeStack) => Navigator.SceneConfigs.FloatFromRight
官方解釋來看柳骄，這個函數(shù)是optional，這代表著這個屬性不是必須賦值的箕般。而這個函數(shù)是用來干嘛的耐薯？用來處理場景的動畫和手勢。它會要求兩個參數(shù)route和routestack，route如同renderScene中的route一樣是將要處理的界面的路由曲初，routestack則是界面跳轉(zhuǎn)關(guān)系的集合体谒。（大膽猜測下，routestack是不是我們initialStack的產(chǎn)物）
同樣如果你僅僅是想控制導(dǎo)航的動畫可以直接配置枚舉臼婆，你依然可以對routestack進行操作抒痒。
initialRouteStack
?Pass this in to provide a set of routes to initially mount. This prop is required if `initialRoute` is not provided to the navigator. If this prop is not passed in, it will default internally to an array containing only `initialRoute`.
我們猜對了么？
模塊與模塊之間的調(diào)用 （持續(xù)更新....腦子不好使了慢慢寫.）
這里順便想解釋下weguess的模塊調(diào)用的設(shè)計颁褂。僅僅是擴展故响，若想繼續(xù)學(xué)習(xí)新的組件用法
react-native (三 - 下)react-navigation
其實對于app而言，模塊與模塊之間的調(diào)用一直是一個值得關(guān)注的問題颁独。為什么彩届？現(xiàn)在的app做的越來越大，涵蓋的東西越來越多誓酒，我們是應(yīng)該不停的往一個程序里面添加內(nèi)容么樟蠕？答案肯定是否定的，我們應(yīng)該只將需要的功能裝入app中靠柑，于是我們把app分成了企業(yè)版和專業(yè)版解決了我們的矛盾寨辩。突然有一天，你老總氣急敗壞的告訴你歼冰，你的操作失誤導(dǎo)致專業(yè)版的數(shù)據(jù)出現(xiàn)混亂造成損失靡狞，這個時候你無比的意識到可能你用的專業(yè)版和老板的應(yīng)該又是兩個不同的分支。然后又開始頭痛app的權(quán)限和所涉獵的包大小的問題隔嫡。
解決方式：功能模塊化
我想了很久應(yīng)該具體給這個方法叫什么名字耍攘。最后字面意思，我們應(yīng)該把我們的功能模塊化畔勤，什么叫模塊化蕾各？也就是我這個功能從app內(nèi)部邏輯獨立出來，模塊給出interface庆揪，我們只需要按照模塊的需求傳遞參數(shù)和匿名函數(shù)式曲。
