react-navigation 返回重新整理
在react native寫頁面的時候,this.props.navigation.goBack(),返回上一個頁面的時候,不會重新整理頁面
例如:一個使用者頁面A,在未登入的情況下,跳到登入頁面B,登入之後返回使用者頁面A,這時候需要重新整理使用者頁面。
(如果是A跳到B然後再跳到A,這種是可以重新整理頁面,但是在此時點選返回鍵會回到B,再點返回會返回到A,這有可能不是你想要的)
使用者User頁面
const { navigate } = this.props.navigation; navigate('Login', { page: 'User', callBack: () => { //在此調介面或者改變state會讓頁面改變 } });
登入Login頁面
const { goBack,state } = this.props.navigation;
// 在登入頁面,在goBack之前,將上個頁面的方法取到,並回傳引數,這樣回傳的引數會重走render方法
state.params.callback('回撥引數');
goBack();
//import { NavigationActions } from 'react-navigation';
//NavigationActions.back(state.params.callBack('回撥引數'))
以上。。。