ReactNative Navigation

React.js 2019. 8. 7. 10:56

참고: https://reactnavigation.org/docs/en/navigation-prop.html 

 

기본이동:

  this.props.navigation.navigate('화면Tag', {

     url: newUrl,
     onGoBack: this.goBackCallback //callBack지정 가능

  });

   수신화면에서는: constructor에서

    this.state = {
           url: this.props.navigation.getParam('url', 'default url');
    }
   이전화면으로 복귀시:
   this.props.navigation.goBack(); //popup닫기.
   this.props.navigation.state.params.onGoBack(data);

    


화면생성하면서 이동:

  const params = {data, userDefined}

  this.props.navigation.push('화면Tag', params);

  이동후 getParam: this.props.navigation.getParam('data'); 

 

back:
  this.props.navigation.goBack();


Posted by yongary
,