Project Awesome project awesome

Integrations > react-native-conekta 17

Conekta SDK for React Native

Package 34 stars Archived GitHub

React Native Conekta npm version

React Native Conekta SDK for iOS and Android

Supported React Native Versions

Component Version RN Versions README
1.0.4 <= 0.16 Open
>= 2.0.0 >= 0.30 Open

Installation

npm install --save react-native-conekta

react-native link

Usage

var conektaApi = new Conekta();

conektaApi.setPublicKey( 'YOUR_PUBLIC_KEY' );

conektaApi.createToken({
  cardNumber: '4242424242424242',
  name: 'Manolo Virolo',
  cvc: '111',
  expMonth: '11',
  expYear: '21',
}, function(data){
  console.log( 'DATA:', data ); // data.id to get the Token ID
}, function(){
  console.log( 'Error!' );
});

iOS Manual Installation (if you did not use react-native link)

Please see: Linking Libraries iOS

Library folder: your-project/node_modules/react-native-conekta/RNConekta

Android Manual Installation (if you did not use react-native link)

In android/settings.gradle

...

include ':react-native-conekta'
project(':react-native-conekta').projectDir = file('../node_modules/react-native-conekta/android')

In android/app/build.gradle

...

dependencies {
    ...

    compile project(':react-native-conekta')
}

Manually register module in MainApplication.java:

import com.dieam.reactnativeconekta.ReactNativeConektaPackage;  // <--- import

public class MainApplication extends Application implements ReactApplication {

  ......
  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
      @Override
      protected boolean getUseDeveloperSupport() {
        return BuildConfig.DEBUG;
      }

      @Override
      protected List<ReactPackage> getPackages() {

      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new ReactNativeConektaPackage() // <---- Add the Package
      );
    }
  };

  ....
}
Back to React Native