react-native-router-flux：否反向生命週期方法在後退導航中調用

Question

我正在開發反應本機應用程序。我正在使用react-native-router-flux庫在應用程序中導航。

該庫工作正常，但在返回導航時沒有反應生命週期方法正在調用。

假定用於例如我按下了第2頁上的按鈕，它導航到第1頁，第2頁的componentWillUnmount（）被調用，但第1頁的生命週期方法被稱爲。

我想刷新頁面1根據新的狀態。

任何幫助將不勝感激。

Answer 1

導航回時，默認情況下Actions.pop()被調用時沒有參數。爲了刷新頁面1，您需要覆蓋後退按鈕的功能並致電Actions.pop({refresh:{<propsToSetToPage1>}})。這應該會在頁面1中觸發componentWillReceiveProps(nextProps)，其中nextProps是您放入pop（）中的新道具。

以下是從反應天然路由器磁通的文檔：

Actions.pop() will pop the current screen. It accepts following optional params: 
    {popNum: [number]} allows to pop multiple screens at once 
    {refresh: {...propsToSetOnPreviousScene}} allows to refresh the props of the scene that it pops back to 

PS。如果您正在爲Android開發，那麼也可以在用戶按下硬件返回按鈕時執行此操作。在React Native的官方文檔上查看BackAndroid。