Skip to main content
The Gameball Android and iOS package, enables you to use the show Gameball customer profile in your app, track app customer events, integrate referrals and display Gameball in-app push notifications.

​
Installation

Follow the below steps to start installing react native SDK package to your app
  • Install package using npm
npm install --save react-native-gameball
  • Install prerequisite packages using npm
npm install react-native-modal react-native-push-notification-popup
react-native-modal and react-native-push-notification-popup packages are required to use Gameball package. Fetch API is used for network communications, conversion of response to JSON is needed in order to read the response res => res.json()

​
Initialization

In order to use Gameball SDK, apply the below step to the main JS file (index or app). Import Gameball Widget 
import {GameballWidget} from 'react-native-gameball';
Initialize Gameball Widget 
GameballWidget.init({api, lang, shop, platform, deepLinks})

​
Widget Parameters Description

​
api
string
required
The API key of the Client account
​
lang
string
The language that the SDK should be initialized with (based on the Client’s configuration)
​
shop
string
Store name with myshopify.com domain. Used if your app is a mobile app for a Shopify store connected to Gameball
​
platform
string
The platform you application used:
  • Shopify
  • Salla
  • any
​
deeplinks
string[]
Array of deep links for the application
You may also check the sample project here to view full implementation.

​
Profile Languages

For websites with multiple languages, how you can change Gameball widget language based on active website language. Gameball supports multiple languages for the customer profile widget. The widget language can be changed based on your customer’s active language on the website.
Learn how you can configure the languages on your Gameball account through this article.

​
Supported Languages & Codes

In order to show the correct language of the widget based on the active language on the website, you just need to use the language code inside the lang variable in the code snippet.

​
Next Steps