import React from 'react';
import IMP from 'iamport-react-native'; // 아임포트 결제모듈을 불러옵니다.

export function App({ navigation }) {
  function callback(response) { /* [필수입력] 결제 종료 후, 라우터를 변경하고 결과를 전달합니다. */
    navigation.replace('PaymentResult', response);
  }

  /* [필수입력] 결제에 필요한 데이터를 입력합니다. */
  const data = {
    pg: 'html5_inicis',
    pay_method: 'card',
    name: '아임포트 결제데이터 분석',
    merchant_uid: `mid_${new Date().getTime()}`,
    amount: '39000',
    buyer_name: '홍길동',
    buyer_tel: '01012345678',
    buyer_email: '[email protected]',
    buyer_addr: '서울시 강남구 신사동 661-16',
    buyer_postcode: '06018',
    app_scheme: 'example',
    // [Deprecated v1.0.3]: m_redirect_url
  };

  return (
    <IMP.Payment
      userCode={'iamport'} // 가맹점 식별코드
      data={data} // 결제 데이터
      callback={callback} // 결제 종료 후 콜백
      loading={{
        message: '잠시만 기다려주세요...', // 로딩화면 메시지 
        image: require('img/iamport-logo.png') // 커스텀 로딩화면 이미지
      }}
    />
  );
}

export default App;

import React from 'react';
import IMP from 'iamport-react-native'; // 아임포트 본인인증 모듈을 불러옵니다.

export function App({ navigation }) {
  function callback(response) { /* [필수입력] 본인인증 종료 후, 라우터를 변경하고 결과를 전달합니다. */
    navigation.replace('CertificationResult', response);
  }

  /* [필수입력] 본인인증에 필요한 데이터를 입력합니다. */
  const data = {
    merchant_uid: `mid_${new Date().getTime()}`,
    min_age: '',
  };

  return (
    <IMP.Certification
      userCode={'iamport'} // 가맹점 식별코드
      data={data} // 본인인증 데이터
      callback={callback} // 본인인증 종료 후 콜백
      loading={{
        message: '잠시만 기다려주세요...', // 로딩화면 메시지 
        image: require('img/iamport-logo.png') // 커스텀 로딩화면 이미지
      }}
    />
  );
}

export default App;

function callback(response) {
  navigation.replace('Result', response);
}