假設(shè)
假設(shè)有三個(gè)頁(yè)面A、B、C远剩，棧中是A->B->C扣溺，即A頁(yè)面跳轉(zhuǎn)至B頁(yè)面，B頁(yè)面跳轉(zhuǎn)至C頁(yè)面瓜晤；
（現(xiàn)實(shí)場(chǎng)景中的例子A:普通頁(yè)面娇妓，B:登錄頁(yè)面，C:注冊(cè)頁(yè)面）
在pop的過(guò)程中活鹰，C pop-> B , B pop-> A都很輕松哈恰，在使用了 React-Navigation后，在相應(yīng)的screen頁(yè)面拿到navigation,調(diào)用其goBack方法就能實(shí)現(xiàn)頁(yè)面回退:
popMethod(){
this.props.navigation.gaBack();
}
需求
現(xiàn)實(shí)場(chǎng)景中的問(wèn)題:
假設(shè)： A:普通頁(yè)面志群，B:登錄頁(yè)面着绷，C:注冊(cè)頁(yè)面
未注冊(cè)用戶在A頁(yè)面觸發(fā)了需登錄的操作，跳轉(zhuǎn)至B頁(yè)面锌云，由于未注冊(cè)再跳轉(zhuǎn)至C頁(yè)面注冊(cè)荠医，即A->B->C；
用戶注冊(cè)完成后部分App會(huì)自動(dòng)幫用戶登錄桑涎，回到觸發(fā)登錄的頁(yè)面A彬向，即C pop-> A
問(wèn)題
在官方文檔:https://reactnavigation.org/docs/navigators/navigation-prop 中有介紹goBack的使用:
依照官方文檔，goBack方法可以再帶上一個(gè)參數(shù)（實(shí)際測(cè)試中g(shù)oBack與goBack(null) 效果相同攻冷，都是回到前一個(gè)頁(yè)面 ）,實(shí)現(xiàn)回退到指定的頁(yè)面娃胆。
可是當(dāng)指定回到主頁(yè)面即Home時(shí)，沒(méi)有作用等曼，甚至沒(méi)有任何響應(yīng)
popMethod(){
this.props.navigation.gaBack('Home');
}
思路
于是尋找解決辦法：http://www.reibang.com/p/81fbd5ad28d8 里烦，感謝記錄
發(fā)現(xiàn)原來(lái)goBack中指定的頁(yè)面并不是我們?cè)谝婚_(kāi)始指定的routerName，而是key禁谦，該作者通過(guò)修改源代碼完成使用指定routerName來(lái)實(shí)現(xiàn)回退胁黑。
本著不想修改源代碼的想法，既然要key州泊，就找一下key丧蘸，打印出navigation看看他是什么：
原來(lái)navigation中有5個(gè)屬性
1、dispatch：用來(lái)分發(fā)方法的遥皂，回調(diào)力喷、修改也可以通過(guò)dispatch完成
2、goBack:回退的方法渴肉，很清楚的看到冗懦，參數(shù)是key
3、navigate：跳轉(zhuǎn)到新頁(yè)面的方法仇祭，參數(shù)是：路由名披蕉、參數(shù)、方法（看來(lái)下次還可以在這個(gè)方法中填加些回調(diào)，實(shí)現(xiàn)些小邏輯）
4没讲、setParams：顧名思義眯娱，改變自己的參數(shù)了
5、state: 自己的參數(shù)和屬性就在這了爬凑，很高興在這里看到了一個(gè)key !,（state中的params中還有一個(gè)key是我在前一個(gè)頁(yè)面中傳進(jìn)來(lái)的）
解決
既然拿到了A頁(yè)面的key徙缴，也就可以愉快的從C頁(yè)面回退至A頁(yè)面了，然后在很愉快的在C頁(yè)面 調(diào)用
pop(){
this.props.navigation.goBack(this.props.navigation.state.params.key);
}
然而并沒(méi)有用
注意
于是想起了作者所說(shuō)的嘁信，從C pop-> A于样，需要用的是B的key，于是把B的key傳給C潘靖，再試一次穿剖，真的可以回退至A了
總結(jié)：
在A頁(yè)面跳轉(zhuǎn)B時(shí)直接跳轉(zhuǎn)
poshToB{
this.props.navigation.navigate('B')
}
在B頁(yè)面跳轉(zhuǎn)C時(shí)，將自己的key傳給C
poshToC{
const { navigate } = this.props.navigation;
navigate('B',{key:this.props.navigation.state.key});
}
在C要回退至A時(shí)調(diào)用:
popA{
this.props.navigation.goBack(this.props.navigation.state.params.key
}
