|Project Name||Stars||Downloads||Repos Using This||Packages Using This||Most Recent Commit||Total Releases||Latest Release||Open Issues||License||Language|
|Card||11,526||79||16||9 hours ago||38||August 14, 2021||63||mit||SCSS|
|:credit_card: make your credit card form better in one line of code|
|Interactive React Paycard|
|Stripe Ios||1,818||443||2 hours ago||137||August 16, 2022||75||mit||Swift|
|Stripe iOS SDK|
|Easy, cross-platform credit-card input for your React Native Project! Start accepting payment 💰 in your app today!|
|Stripe Android||1,078||298||3||3 hours ago||174||July 06, 2022||84||mit||Kotlin|
|Stripe Android SDK|
|Elements Examples||919||2 years ago||1||mit||HTML|
|Stripe Elements examples.|
|Caishen||752||4||3 years ago||18||October 22, 2018||19||mit||Swift|
|A Payment Card UI & Validator for iOS|
|🐧WeChat JS-SDK integration with NodeJS|
|Angular Payments||566||3 years ago||1||February 14, 2016||72||HTML|
|Module that provides AngularJS-directives for formatting, validating and working with payments|
|Payment||521||295||75||4 months ago||40||August 14, 2021||22||mit||CoffeeScript|
|:moneybag: A jQuery-free general purpose library for building credit card forms, validating inputs and formatting numbers.|
This repository includes examples of React Native application integrations for online payments with Adyen. Within this demo app, you'll find a simplified version of an e-commerce cart and checkout, complete with commented code to highlight key features and concepts of Adyen's API. Have a look at the underlying code to see how you can integrate Adyen in your Android/iOS/PWA application to give your shoppers the option to pay with their preferred payment methods, all in a seamless checkout experience. The integration is done using React Native.
Make sure the payment methods you want to use in the demo are enabled for your account. Refer to the documentation to add missing payment methods.
Demos of the following client-side integrations are currently available in this repository:
Note: You need to setup a webhook if you want to handle the results from Pay by Link.
The demo leverages Adyen's API Library for Node.js (GitHub | Docs) on the server side.
git clone https://github.com/adyen-examples/adyen-react-native-online-payments.git
./.envfile with your API key, Client Key, and merchant account name (all credentials are in string format):
API_KEY="your_API_key_here" MERCHANT_ACCOUNT="your_merchant_account_here" CLIENT_KEY="your_client_key_here"
This will start the express server and print out the server URL
npm run server
Copy the server URL and set it as
src/store/PaymentSlice.js, it is the IP of the machine where you started the express backend server with
npm run server. It will be the same IP used by Expo to run the React Native application as well when you run the next step
Open another terminal to the same location and start the React Native application using Expo. You can run the command appropriate for the platform you like
npm run android # or npm run ios # or npm run web
To try out integrations with test card numbers and payment method details, see Test card numbers.
You can customize the payment form with your brand name, logo, and a background color.
We commit all our new features directly into our GitHub repository. Feel free to request or suggest new features or code changes yourself as well!
MIT license. For more information, see the LICENSE file in the root directory.