stripe-react-native

(★ 1,430)

React Native library for Stripe.

File Explorer

Download Latest Version (.zip)

- - bug_report.md
  - feature_request.md
- - bump-native-sdks.yml
  - changelog-check.yml
  - close-resolved-issues.yml
  - generate-docs.yml
  - minion-on-native-sdk-bump-ci-failure.yml
  - public-api-check.yml
  - update-podfile-lock.yml
- pull_request_template.md
- pre-commit
- - org.eclipse.buildship.core.prefs
- - detekt-baseline.xml
  - detekt.gradle
  - detekt.yml
- .project
- build.gradle
- gradle.properties
- gradlew
- gradlew.bat
- proguard-rules.txt
- settings.gradle
- android-chrome-tab-closes-on-background.md
- index.html
- tipsi-stripe-migration-guide.md
- - becs-payment.yml
  - becs-setup.yml
  - embedded-navigation.yml
  - embedded-rn-compose.yml
  - financial-connections-session.yml
  - financial-connections-token.yml
  - google-pay.yml
  - grabpay.yml
  - oxxo.yml
  - paymentsheet-canceled.yml
  - paymentsheet-customFlow-canceled.yml
- - applepay-cancel.yml
  - cashapp-payment.yml
  - cashapp-setup.yml
  - financial-connections-session.yml
  - financial-connections-token.yml
  - paymentsheet-canceled.yml
  - paymentsheet-customFlow-canceled.yml
- afterpay-clearpay.yml
- bancontact-payment.yml
- bancontact-setup.yml
- cardfield-basic.yml
- cardform-basic.yml
- create-tokens.yml
- customersheet.yml
- embedded-cpm.yml
- embedded-discount-toggle.yml
- embedded-immediate-action.yml
- embedded.yml
- eps-fail.yml
- eps.yml
- finalize-on-server.yml
- future-payments.yml
- ideal-payment.yml
- ideal-setup.yml
- p24.yml
- payment-method-messaging-element.yml
- payment-sheet-pmo-sfu.yml
- paymentsheet-basic.yml
- paymentsheet-cpm.yml
- paymentsheet-customFlow-decoupled.yml
- paymentsheet-customFlow-timeout.yml
- paymentsheet-customFlow.yml
- paymentsheet-decoupled.yml
- paymentsheet-timeout.yml
- paypal-payment.yml
- paypal-setup.yml
- recollect-cvc.yml
- rn-arch.yml
- sepa-payment.yml
- sepa-setup.yml
- stripe-react-native.api.md
- - build.gradle
  - gradle.properties
  - gradlew
  - gradlew.bat
  - settings.gradle
- - Podfile
  - Podfile.lock
- - App.tsx
  - colors.ts
  - Config.ts
  - globals.d.ts
  - helpers.ts
- .gitignore
- .watchmanconfig
- app.json
- babel.config.js
- debug.keystore
- Gemfile
- index.js
- metro.config.js
- package.json
- react-native.config.js
- release.keystore
- tsconfig.json
- yarn.lock
- - _layout.tsx
  - account-onboarding.tsx
  - configure-appearance.tsx
  - index.tsx
  - notification-banner.tsx
  - payments.tsx
  - payouts.tsx
- - adaptive-icon.png
  - favicon.png
  - icon.png
  - splash-icon.png
- - setup-android-signing.js
- .eslintrc.js
- .gitignore
- .node-version
- ANDROID_SIGNING.md
- API_DOCUMENTATION.md
- app.json
- index.ts
- metro.config.js
- package.json
- README.md
- tsconfig.json
- yarn.lock
- - AddressSheetUtils.swift
  - AddressSheetView.swift
  - AddressSheetViewManager.m
  - AddressSheetViewManager.swift
- - ConnectAccountOnboardingView.swift
  - ConnectAccountOnboardingViewController.swift
  - ConnectAccountOnboardingViewManager.m
  - ConnectAccountOnboardingViewManager.swift
- - CustomerSheetUtils.swift
  - ReactNativeCustomerAdapter.swift
- - AddressSheetViewComponentView.h
  - AddressSheetViewComponentView.mm
  - AddToWalletButtonComponentView.h
  - AddToWalletButtonComponentView.mm
  - ApplePayButtonComponentView.h
  - ApplePayButtonComponentView.mm
  - AuBECSDebitFormComponentView.h
  - AuBECSDebitFormComponentView.mm
  - CardFieldComponentView.h
  - CardFieldComponentView.mm
  - CardFormComponentView.h
  - CardFormComponentView.mm
  - EmbeddedPaymentElementViewComponentView.h
  - EmbeddedPaymentElementViewComponentView.mm
  - GooglePayButtonComponentView.mm
  - NavigationBarComponentView.h
  - NavigationBarComponentView.mm
  - StripeContainerComponentView.h
  - StripeContainerComponentView.mm
  - StripeCurrencySelectorElementComponentView.h
  - StripeCurrencySelectorElementComponentView.mm
  - StripeNewArchConversions.h
  - StripeNewArchConversions.mm
- - StripeSdkEventEmitterCompat.h
  - StripeSdkEventEmitterCompat.m
- - AddToWalletButtonManager.m
  - AddToWalletButtonManager.swift
  - AddToWalletButtonView.swift
  - PushProvisioningUtils.swift
- - project.pbxproj
- - AddressSheetUtilsTests.swift
  - ApplePayUtilsTests.swift
  - CustomerSheetUtilsTests.swift
  - MappersTests.swift
  - OnrampErrorsTests.swift
  - OnrampMappersTests.swift
  - PaymentMethodMessagingElementConfigTests.swift
  - PaymentSheetAppearanceTests.swift
  - PaymentSheetUtilsTests.swift
  - PushProvisioningTests.swift
  - ReactNativeAnalyticsTests.swift
- ApplePayButtonManager.m
- ApplePayButtonManager.swift
- ApplePayButtonView.swift
- ApplePayUtils.swift
- ApplePayViewController.swift
- AuBECSDebitFormManager.m
- AuBECSDebitFormManager.swift
- AuBECSDebitFormView.swift
- CardFieldManager.m
- CardFieldManager.swift
- CardFieldView.swift
- CardFormManager.m
- CardFormManager.swift
- CardFormView.swift
- CurrencySelectorElementManager.m
- CurrencySelectorElementView.swift
- EmbeddedPaymentElementManager.m
- EmbeddedPaymentElementView.swift
- Errors.swift
- FinancialConnections.swift
- Mappers.swift
- NavigationBarManager.m
- NavigationBarManager.swift
- NavigationBarView.swift
- OnrampErrors.swift
- PaymentMethodFactory.swift
- PaymentMethodMessagingElementConfig.swift
- PaymentMethodMessagingElementHandler.m
- PaymentMethodMessagingElementView.swift
- PaymentOptionDisplayData+ReactNative.swift
- PaymentPassFinder.swift
- PaymentSheetAppearance.swift
- stripe_react_native.h
- StripeContainerManager.m
- StripeContainerManager.swift
- StripeContainerView.swift
- StripeOnrampSdk.h
- StripeOnrampSdk.mm
- StripeSdk-Bridging-Header.h
- StripeSdk.h
- StripeSdk.mm
- StripeSdkEmitter.swift
- StripeSdkImpl+Checkout.swift
- StripeSdkImpl+CustomerSheet.swift
- StripeSdkImpl+Embedded.swift
- StripeSdkImpl+LinkController.swift
- StripeSdkImpl+PaymentSheet.swift
- StripeSdkImpl.swift
- StripeSwiftInterop.h
- UIColorExtension.swift
- mock.js
- setup.js
- old-arch-codegen-fix.patch
- README.md
- - native_sdk_versions_test.rb
- beta
- format-changed-ios
- helpers.rb
- native_sdk_versions.rb
- NativeStripeSdkModuleSpec.patch
- old-arch-codegen-android
- propose.rb
- publish.rb
- run-maestro-tests
- test-expo-project
- test-project
- update-expo-plugins.js
- update-rn-build-gradle.js
- - AddressSheet.tsx
  - AddToWalletButton.tsx
  - AuBECSDebitForm.tsx
  - CardField.tsx
  - CardForm.tsx
  - CurrencySelectorElement.tsx
  - CustomerSheet.tsx
  - PaymentMethodMessagingElement.tsx
  - PlatformPayButton.tsx
  - StripeContainer.tsx
  - StripeProvider.tsx
- - Components.tsx
  - ConnectComponentsProvider.tsx
  - connectTypes.ts
  - EmbeddedComponent.tsx
  - ModalCloseButton.tsx
  - NavigationBar.tsx
  - NotificationBanner.tsx
  - testUtils.ts
- - useCheckout.tsx
  - useConfirmPayment.tsx
  - useConfirmSetupIntent.tsx
  - useFinancialConnectionsSheet.tsx
  - useLinkController.tsx
  - useOnramp.tsx
  - usePaymentSheet.tsx
  - usePlatformPay.tsx
  - useStripe.tsx
- - withStripe.ts
- - NativeAddressSheet.ts
  - NativeAddToWalletButton.ts
  - NativeApplePayButton.ts
  - NativeAuBECSDebitForm.ts
  - NativeCardField.ts
  - NativeCardForm.ts
  - NativeConnectAccountOnboardingView.ts
  - NativeCurrencySelectorElement.ts
  - NativeEmbeddedPaymentElement.ts
  - NativeGooglePayButton.ts
  - NativeNavigationBar.ts
  - NativeOnrampSdkModule.ts
  - NativePaymentMethodMessagingElement.ts
  - NativeStripeContainer.ts
  - NativeStripeSdkModule.ts
  - utils.ts
- - ApplePay.ts
  - Checkout.ts
  - Common.ts
  - ConfirmationToken.ts
  - CustomerSheet.ts
  - EmbeddedPaymentElement.tsx
  - Errors.ts
  - FinancialConnections.ts
  - index.ts
  - LinkAppearance.ts
  - LinkController.ts
  - NextAction.ts
  - Onramp.ts
  - PaymentIntent.ts
  - PaymentMethod.ts
  - PaymentSheet.ts
  - PlatformPay.ts
  - PushProvisioning.ts
  - SetupIntent.ts
  - ThreeDSecure.ts
  - Token.ts
- events.ts
- functions.ts
- helpers.ts
- index.tsx
.clang-format
.editorconfig
.gitignore
.node-version
.swiftlint.yml
api-extractor.json
app.plugin.js
babel.config.js
bitrise.yml
CHANGELOG.md
CLAUDE.md
CODE_OF_CONDUCT.md
CODEOWNERS
CONTRIBUTING.md
LICENSE
MIGRATING.md
package.json
README.md
stripe-react-native.podspec
tsconfig.json
yarn.lock

# Installation Guide

1. Get the code

git clone https://github.com/stripe/stripe-react-native

Downloads the entire project code from GitHub to your computer.

cd stripe-react-native

Moves into the project folder you just downloaded.

2. Gradle (Java/Kotlin)

Medium Recommended

Prerequisites

Git Needed to download the project code from GitHub.
JDK (Java) Required to build and run Java/Kotlin projects.
Gradle If the repo includes gradlew (Gradle Wrapper), you don't need to install Gradle separately.

cd android

This project's files live in a subfolder, so move into it first.

./gradlew build

Builds the project using Gradle.

✅ A BUILD SUCCESSFUL message means it worked. The output is created under build/.

3. Node.js

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

yarn add @stripe/stripe-react-native

Type this command into your terminal and run it.

npm install @stripe/stripe-react-native

Downloads and installs the libraries listed in package.json.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)