# Square In-App Payments SDK for React Native

DevFeed: [Square In-App Payments SDK for React Native](<https://devfeed.tech/articles/square-in-app-payments-sdk-for-react-native-27017.md>)

Original publisher: [Read original article](<https://medium.com/square-corner-blog/square-in-app-payments-sdk-for-react-native-499520539d9a?source=rss----3650599ae4e2---4>)

Author: Richard Moot

Published: 2019-03-15T16:36:30Z

Content type: tutorial

Language: en

Sources: [Square Corner Blog - Medium](<https://devfeed.tech/sources/square-corner-blog-medium.md>)

Topics: [React Native](<https://devfeed.tech/topics/react-native.md>), [SDK](<https://devfeed.tech/topics/sdk.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [Android](<https://devfeed.tech/topics/android.md>), [iOS](<https://devfeed.tech/topics/ios.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-studio](<https://devfeed.tech/tags/android-studio.md>), [api](<https://devfeed.tech/tags/api.md>), [cli](<https://devfeed.tech/tags/cli.md>), [ecommerce](<https://devfeed.tech/tags/ecommerce.md>), [mobile-development](<https://devfeed.tech/tags/mobile-development.md>), [native](<https://devfeed.tech/tags/native.md>), [npm](<https://devfeed.tech/tags/npm.md>), [payments](<https://devfeed.tech/tags/payments.md>), [react-native](<https://devfeed.tech/tags/react-native.md>), [sdk](<https://devfeed.tech/tags/sdk.md>), [software-engineering](<https://devfeed.tech/tags/software-engineering.md>), [xcode](<https://devfeed.tech/tags/xcode.md>)

## AI overview

A tutorial for integrating Square's In-App Payments SDK into a React Native mobile application. It covers the development prerequisites, React Native CLI setup, plugin installation, and the SDK interfaces used for payment initialization and card-entry handling.

## Source excerpt

A React Native Plugin for the Square In-App Payments SDKHeads up, we've moved! If you'd like to continue keeping up with the latest technical content from Square please visit us at our new home https://developer.squareup.com/blog Since the release of our In-App Payments SDK, we've been getting a lot of requests for when this would be available for React Native. It is officially here! You can simply npm install -- save react-native-square-in-app-payments inside your React Native project and follow the setup guide over here to start accepting payments in your React Native app. If you're not already familiar with the In-App Payments SDK, it enables developers to accept Square-powered payments from within their own mobile apps. Now, it would be too easy to say just install the SDK and move on, so we'll dig into a React Native app that I built to show how this works. Our Order Ahead React Native App for buying Square Legos and demoed at ShopTalk.Getting Your Developer Environment Setup Prerequisites: Android Studio (follow link to download and install) Xcode (can be installed via App Store on macOS) Square Account (sign-up here) React Native CLI (follow guide for "Building Projects with Native Code") To be clear, you only need either Android Studio or Xcode if you plan on having your app work on their respective platforms and want to use their simulators for development. Step 1: Get React Native CLI installed and set-up npm install -g react-native-cli Make sure to follow the React Native setup guide for "Building Projects with Native Code". Using the react-native-square-in-app-payments plugin requires the In-App Payments SDK, which is native code for iOS and Android. Also, part of following that guide has you install the React Native CLI (command seen above), which helps facilitate linking libraries and running the simulator while developing. Step 2: Add In-App Payments React Native Plugin to your Project After you've setup React Native, you'll want to follow the Square g