{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-docs/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown"},"seo":{"title":"Tyro React Native SDK","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"tyro-react-native-sdk","__idx":0},"children":["Tyro React Native SDK"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The Tyro React Native SDK is a specialised JavaScript library for React Native provided by Tyro."," ","It provides a simple interface to integrate with the Pay API from your React Native application."," ","You can embed our pay sheet provided by our SDK in your apps checkout flow and submit payments via our Pay API"," ","using supported cards or wallet payments via Apple and Google Pay."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"recommended-usage","__idx":1},"children":["Recommended Usage"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Apple and Google stores have requirements over in-app purchases such as purchasing in-app subscriptions or purchases to unlock additional app features."," ","If your app offers these types of purchases then it must use their respective APIs, otherwise you can use Tyro's React Native SDK for the Pay API."," ","See the terms for ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://developer.apple.com/app-store/review/guidelines/#payments"},"children":["Apple"]}," and ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://support.google.com/googleplay/android-developer/answer/9858738?hl=en&ref_topic=9857752"},"children":["Google"]}," respectively for more information."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"installing-tyro-react-native-sdk","__idx":2},"children":["Installing Tyro React Native SDK"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"install-tyro-react-native-dependency","__idx":3},"children":["Install Tyro React Native Dependency"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Github Personal Access Token (PAT)"," ","is required to download the SDK."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Steps to setup the PAT:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Navigate to GitHub page, ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Profile"]}," -> ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Settings"]}," -> ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Developer Settings"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["On the left panel, select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Personal Access Token"]}," -> ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Token(classic)"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Generate a new token with ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["repo"]}," and ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["read:package"]}," permissions"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Next, create a .npmrc file and be sure to use the PAT"," ","where it says ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["YOUR_GITHUB_PACKAGES_TOKEN"]}," in the example below."]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"javascript","header":{"controls":{"copy":{}}},"source":"@tyro:registry=https://npm.pkg.github.com\n//npm.pkg.github.com/:_authToken=${YOUR_GITHUB_PACKAGES_TOKEN}\n","lang":"javascript"},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Then you can install the package using npm or yarn"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"npm","header":{"controls":{"copy":{}}},"source":"npm install @tyro/tyro-pay-api-react-native\n","lang":"npm"},"children":[]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"yarn","header":{"controls":{"copy":{}}},"source":"yarn add @tyro/tyro-pay-api-react-native\n","lang":"yarn"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"ios","__idx":4},"children":["iOS"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"requirements","__idx":5},"children":["Requirements"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Xcode ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["14.0"]}," or later"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["iOS ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["14"]}," or later"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"install-native-dependencies","__idx":6},"children":["Install Native Dependencies"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"terminal","header":{"controls":{"copy":{}}},"source":"// navigate to your ios directory to install dependencies\npod install\n","lang":"terminal"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"android","__idx":7},"children":["Android"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"requirements-1","__idx":8},"children":["Requirements"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Make sure your app's build file uses the following values:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["A ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["minSdkVersion"]}," of ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["23"]}," or higher"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["A ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["compileSdkVersion"]}," of ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["31"]}," or higher"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"install-native-dependencies-1","__idx":9},"children":["Install Native Dependencies"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"javascript","header":{"controls":{"copy":{}}},"source":"npm install react-native-svg react-native-webview\n","lang":"javascript"},"children":[]}]},"headings":[{"value":"Tyro React Native SDK","id":"tyro-react-native-sdk","depth":1},{"value":"Recommended Usage","id":"recommended-usage","depth":1},{"value":"Installing Tyro React Native SDK","id":"installing-tyro-react-native-sdk","depth":1},{"value":"Install Tyro React Native Dependency","id":"install-tyro-react-native-dependency","depth":2},{"value":"iOS","id":"ios","depth":2},{"value":"Requirements","id":"requirements","depth":3},{"value":"Install Native Dependencies","id":"install-native-dependencies","depth":3},{"value":"Android","id":"android","depth":2},{"value":"Requirements","id":"requirements-1","depth":3},{"value":"Install Native Dependencies","id":"install-native-dependencies-1","depth":3}],"frontmatter":{"title":"Set Up Tyro React Native","seo":{"title":"Tyro React Native SDK"}},"lastModified":"2026-09-01T06:34:43.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/docs/online-payments/pay-online/integration-guide/react-native/setup","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}