9

A react native interface for integrating Braintree's native Drop-in Payment UI

 3 years ago
source link: https://reactnativeexample.com/a-react-native-interface-for-integrating-braintrees-native-drop-in-payment-ui/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

react-native-braintree-android

A react native interface for integrating Braintree's native Drop-in Payment UI for Android using Braintree's v.zero SDK.

react-native-braintree-android

Setup

  1. Add Braintree to your React Native project
npm install --save react-native-braintree-android
  1. Add the following to android/settings.gradle
include ':react-native-braintree'
project(':react-native-braintree').projectDir = new File(settingsDir, '../node_modules/react-native-braintree-android')
  1. Add the following to android/app/build.gradle
dependencies {
  // ...
  compile project(':react-native-braintree')
}
  1. Edit android/src/.../MainApplication.java
// ...
import com.surialabs.rn.braintree.BraintreePackage; // <--
import android.content.Intent; // <--

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 BraintreePackage()
      );
    }

  };

  @Override
  public ReactNativeHost getReactNativeHost() {
      return mReactNativeHost;
  }
}

Usage


import Braintree from 'react-native-braintree-android';

class Payment extends Component {
  ...

  componentDidMount() {
    Braintree.setup(CLIENT_TOKEN)
  }

  _paymentInit() {
    Braintree.showPaymentViewController().then((nonce) => {
      // Do something with nonce
    });
  }

  ...
}

GitHub

https://github.com/surialabs/react-native-braintree-android


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK