Guides

Getting started

Install @livelike/embet-rn and embed EmbetOverlay.

Concept: Initialization

Install @livelike/embet-rn. It wraps the Web SDK in react-native-webview. Render EmbetOverlay, which loads @livelike/embet from unpkg and exchanges messages over a built-in bridge.

You need a Client ID from emBET and a Custom ID—your own event or stream ID passed as customId on EmbetOverlay.

Requirements

Installation

npm install @livelike/embet-rn react-native-webview

iOS: run pod install in ios/.

Android: enable AndroidX in android/gradle.properties:

android.useAndroidX=true
android.enableJetifier=true
ℹ️

Pin the Web package version with the sdkVersion prop (for example 1.4.0) instead of latest.

Basic integration

import { View, StyleSheet } from 'react-native';
import { EmbetOverlay, type EmbetProfile } from '@livelike/embet-rn';

export default function BettingScreen() {
  return (
    <View style={styles.container}>
      <EmbetOverlay
        clientId="YOUR_CLIENT_ID"
        customId="YOUR_EVENT_ID"
        sdkVersion="1.4.0"
        onInitialized={(profile: EmbetProfile) => {
          console.log('emBET ready', profile.accessToken);
        }}
      />
    </View>
  );
}

const styles = StyleSheet.create({ container: { flex: 1 } });
ℹ️

Each new profile counts toward MAU. Reuse accessToken for returning users — see User profiles and React Native user profiles.

Next steps

Updated 25 days ago