Skip to content

Latest commit

 

History

History

ExpoGoWebMock

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
assets
assets
 
 
src
src
 
 
.gitignore
.gitignore
 
 
App.tsx
App.tsx
 
 
README.md
README.md
 
 
app.json
app.json
 
 
index.ts
index.ts
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
tsconfig.json
tsconfig.json
 
 

README.md

ExpoGoWebMock Example

This is an Expo-based example app that demonstrates Adapty SDK integration for testing the mock mechanism on Expo Go and Web platforms.

Overview

This example is specifically designed to test the Adapty SDK's mock functionality for platforms where native modules are not available (Expo Go and Web). It contains the same recipe app functionality as the BasicExample but adapted for Expo environment.

Setup

  1. Install dependencies:

    npm install

  2. Add your Adapty API keys in src/helpers.ts:

    • Replace MOCK_TOKEN with your actual API key
    • Replace MOCK_PLACEMENT_ID with your placement ID

Running

Expo Go (iOS/Android)

npm start

Then scan the QR code with Expo Go app.

Web

npm run web

Development Client

npm run local-build-client

iOS Local Build

npm run ios

Android Local Build

npm run android

Mock Mechanism

This example is designed to work with Adapty SDK's web mock implementation. When running on Web or Expo Go, the SDK will use mock data instead of actual native functionality.

UI Modes

The app demonstrates three paywall implementation approaches:

  1. Custom UI - Manual implementation with full design control
  2. Modal - Pre-built Adapty paywall as popup (createPaywallView())
  3. Component - Embedded Adapty paywall view (<AdaptyPaywallView>)

Switch between modes using the toggle buttons on the main screen.