Getting Started

Install the Gameball React Native SDK into your app

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 Optional

The language that the SDK should be initialized with (based on the Client's configuration)

---

shop string Optional Shopify Only

Store name with myshopify.com domain. Used if your app is a mobile app for a Shopify store connected to Gameball

---

platform string Optional

The platform you application used:

• Shopify

• Salla

• any

---

deeplinks string[] Optional

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

• English: en

• Arabic: ar

• French: fr

• Spanish: es

• German: de

• Portuguese: pt

• Polish: pl

• Italian: it

• Hungarian: hu

• Chinese (Traditional, Taiwan): zh-tw

• Dutch: nl

• Swedish: sv

• Norwegian: no

• Danish: dk

• Japanese: ja

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.