react-native-adyen

Getting started

$ npm install react-native-adyenpay --save

Usage

import RNAdyen from react-native-adyenpay

Considering you want to Build Custom UI using Adyen

Methods and Events

Methods

• initializeAdyen() - To Initialize the Adyen
• setPaymentData(responseFromBackend) - Consider Your calling the API from Javascript Side
• setCardDetails({ name, cvc, expiryDate, shouldSave, number })
• setPaymentMethodForIdeal('ideal', idealId)
• setPaymentMethodsForCard('card')
• setURLCompletion() - Call the function after payment redirection to your app (redirection based payment)

Events

• getToken - Gives the Token From SDK
• getRedirectUrlForIdeal - return Redirect URL from Adyen
• paymentResult - Finally, Results

Payment Supported

• Ideal

• MasterCard

• Visa

• American Express

• Maestro

• Apple Pay

• Google Pay

• Paypal

Installation

$ react-native link react-native-adyen

IOS

create Podfile in ios with following content

  platform :ios, '9.0'
  use_frameworks!
  target 'Your Target Name' do
	  pod 'Adyen',
  end
		
  post_install do |installer|
    installer.pods_project.targets.each do |target|
      if target.name == 'Adyen'
        target.build_configurations.each do |config|
          config.build_settings['SWIFT_VERSION'] = '4.0'
        end
      end
    end
  end

run pod install

open YourProject.xcworkspace/

create a group RNAdyen under your project top level and add files under directory node_modules/react-native-adyen/ios/ReactNativeCharts

choose Group ForBeginner, create a empty swift file, the xcode will prompt creating a bridging file, let's name it YourProject-Bridging-Header.h

replace content with

#import <React/RCTEventEmitter.h>
#import <React/RCTBridgeModule.h>
#import <React/RCTBridge.h>
#import <React/RCTEventDispatcher.h>

set YourProject-Bridging-Header.h in Build Settings -> Swift Compiler - General -> Object-C Bridging Header

set No in Build Settings -> Swift Compiler - Version -> User Legacy Swift Language Version

click run or use react-native run-ios That is all.

Android

react-native link react-native-adyen should install all the dependency

caveats

Make sure you have the following configuration

1. In your android/app/build.gradle

  compileSdkVersion 25
  buildToolsVersion "25.0.1"

  defaultConfig {
      ...      
      targetSdkVersion 25        
  }

  ....
}

2. In Your AppManifest.xml

   You need to set the launchMode of MainActivity to single task

<activity
    android:name=".MainActivity"
    android:launchMode="singleTask">