@moneylion/react-native-offer-carousel v1.4.0

react-native-offer-carousel

Description

This SDK involves a horizontal-scrolling offers carousel section. The carousel consists of offer cards of various types and categories.

Setup Guide

What you need:

1. Install Node.js on your machine
2. Once Node.js is installed, install Yarn with npm
3. Twingate Access to MoneyLion offers
   • You should be able to see this on your Twingate, ensure that you are connected to the United States network
4. Clone this repo on your machine
5. Install Expo Go on your physical test device (only needed for running on real device)

Running on simulator (iOS/Android)

Steps to run:

1. Obtain the .env file that contains private tokens from any @marketplace-platform-mobile team members.
2. In the engine-mobile-sdk repo folder, open your terminal.
3. Navigate to the offer-carousel folder, then the example folder.
   • Use this command cd offer-carousel/example
4. Run yarn install to install the packages.
5. Run yarn start --reset-cache to start the metro bundler.
6. Press i to run the app on iOS simulator, press a for Android emulator.
7. The app should be up and running on your simulator/emulator.

Demo

https://github.com/user-attachments/assets/17403661-36b0-4043-849f-0a77bc907a5d

Running on real device

1. In the engine-mobile-sdk repo folder, open your terminal.
2. Navigate to the offer-carousel folder, then the example folder.
   • Use this command cd offer-carousel/example
3. Run yarn install to install the packages.
4. Run yarn expo start if your machine and test device are on the same network. Else, run yarn expo start --tunnel if your test device is on a different network than your development machine. (Important: Ensure that no other yarn start instance is running from the same folder)
5. Scan the QR code shown in the terminal with Expo Go (Android) or the Camera app (iOS), the app should start running on your test device.