react-native-braintree-payments-drop-in
React Native integration of Braintree Drop-in
Getting started
yarn add react-native-braintree-payments-drop-in
Mostly automatic installation
# Run this only if you are on RN < 0.60 react-native link react-native-braintree-payments-drop-in
iOS specific
You must have a iOS deployment target >= 9.0.
If you don't have a Podfile or are unsure on how to proceed, see the CocoaPods usage guide.
In your Podfile
, add:
# uncomment the next line if you are on RN < 0.60
#pod 'BraintreeDropIn', '~> 6.0'
# uncomment the next line to support credit card scanning
# pod 'CardIO'
Then:
cd iosbundle exec pod repo update # optional and can be very long bundle exec pod install
Android specific
If you want to add card scanning, add in your app/build.gradle
:
dependencies {
...
implementation "io.card:android-sdk:5.+"
Configuration
For more configuration options, see Braintree's documentation (iOS | Android).
3D Secure
If you plan on using 3D Secure, you have to do the following.
iOS
Configure a new URL scheme
Add a bundle url scheme {BUNDLE_IDENTIFIER}.payments
in your app Info via XCode or manually in the Info.plist
.
In your Info.plist
, you should have something like:
CFBundleURLTypes CFBundleTypeRole Editor CFBundleURLName com.myapp CFBundleURLSchemes com.myapp.payments
Update your code
In your AppDelegate.m
:
...- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options - (NSString *)paymentsURLScheme
Android
Setup browser switch.
Usage
For the API, see the Flow typings.
Basic
; BraintreeDropIn;
3D Secure
; BraintreeDropIn;