Offerwall integration guide

# Expo
npx expo install react-native-webview

# Bare React Native
npm install react-native-webview

import { WebView } from "react-native-webview";

const API_KEY = "YOUR_API_KEY";
const userId = "USER_ID_FROM_YOUR_APP";
const offerwallUrl =
  `https://clixwall.com/wall?api=${encodeURIComponent(API_KEY)}&user=${encodeURIComponent(userId)}`;

export default function OffersScreen() {
  return (
    <WebView
      source={{ uri: offerwallUrl }}
      style={{ flex: 1 }}
      javaScriptEnabled
      domStorageEnabled
      startInLoadingState
    />
  );
}

import { WebView } from "react-native-webview";
import { SafeAreaView } from "react-native-safe-area-context";

export default function App() {
  const apiKey = "YOUR_API_KEY";
  const userId = "USER_ID_FROM_YOUR_APP";
  const uri = `https://clixwall.com/wall?api=${encodeURIComponent(apiKey)}&user=${encodeURIComponent(userId)}`;

  return (
    <SafeAreaView style={{ flex: 1 }}>
      <WebView
        source={{ uri }}
        style={{ flex: 1 }}
        javaScriptEnabled
        domStorageEnabled
        startInLoadingState
      />
    </SafeAreaView>
  );
}

flutter pub add webview_flutter

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

class OffersScreen extends StatefulWidget {
  const OffersScreen({super.key});

  @override
  State<OffersScreen> createState() => _OffersScreenState();
}

class _OffersScreenState extends State<OffersScreen> {
  late final WebViewController controller;

  @override
  void initState() {
    super.initState();
    const apiKey = 'YOUR_API_KEY';
    const userId = 'USER_ID_FROM_YOUR_APP';
    final uri = Uri.https('clixwall.com', '/wall', {
      'api': apiKey,
      'user': userId,
    });

    controller = WebViewController()
      ..setJavaScriptMode(JavaScriptMode.unrestricted)
      ..loadRequest(uri);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(body: WebViewWidget(controller: controller));
  }
}

<!-- AndroidManifest.xml -->
<uses-permission android:name="android.permission.INTERNET" />

val offerwall = findViewById<WebView>(R.id.offerwall)
offerwall.settings.javaScriptEnabled = true
offerwall.settings.domStorageEnabled = true

val uri = Uri.Builder()
    .scheme("https")
    .authority("clixwall.com")
    .appendPath("wall")
    .appendQueryParameter("api", "YOUR_API_KEY")
    .appendQueryParameter("user", userIdFromYourBackend)
    .build()

offerwall.loadUrl(uri.toString())

import UIKit
import WebKit

let webView = WKWebView(frame: .zero)
var components = URLComponents(string: "https://clixwall.com/wall")!
components.queryItems = [
    URLQueryItem(name: "api", value: "YOUR_API_KEY"),
    URLQueryItem(name: "user", value: userIdFromYourBackend)
]

if let url = components.url {
    webView.load(URLRequest(url: url))
}