Skip to main content

Integrate Android Pay and Apple Pay into React Native mobile app

· 3 min read
Beniamin Marcu
Full Stack Developer
Last updated on October 5, 2019

Android Pay and Apple Pay have gained a lot of ground in the recent years and they’ve become the new standard for payments in mobile apps. If you have a native checkout experience in your apps, consider using them as your main method of payment. Otherwise, you’ll be missing on great opportunities. If you’re looking to integrate payments into your mobile app, check out our React Native shopping app, which can save you months of hard work, design and development.

apple pay android pay react native payments request

As more and more users love the simple process of paying with these methods, React Native developers are facing the challenge of integrating Apple and Android Pay into their mobile apps.

While adding Apple Pay into a Swift or Objective-C codebase is very well-documented and hence, straightforward, making use of Apple Pay on a React Native app is quite difficult for now. Mainly because there’s no documentation and very few Javascript libraries (which, frankly, were quite buggy). Adding Android Pay to React Native apps is in the same boat.

Mega Bundle Sale is ON! Get ALL of our React Native codebases at 90% OFF discount 🔥

Get the Mega Bundle

Until now. React Native Payments represents a react native module which allows mobile developers to easily accept Android Pay and Apple Pay in their react native apps. It takes advantage of the Payment Request protocol, which standardizes the way merchants accept payments over the Internet.

We’ve tried the open-source library ourselves and we used it into one of our React Native E-commerce Templates. The documentation on the GitHub page is very comprehensive and it allows you to add payments to your app effortlessly. It describes exactly how to install the npm package and how to use it. It also lists all the differences between iOS and Android, so that you won’t go through the trouble of figuring them out by yourself.

In addition to purely accepting payments via credit cards, the React Native Payments project also has built-in support for shipping addresses and shipping options, making the Javascript package ideal for mobile apps that deal with e-commerce, shipping, delivering, orders, etc.