LucraSDK Initialization
Required Configuration
Example Initialization
import { LucraSDK } from '@lucra-sports/lucra-react-native-sdk';
import { useEffect, useState } from 'react';
import { Platform } from 'react-native';
const lucraSDKOptions = {
apiKey: 'YOUR_API_KEY', // use sandbox API key with sandbox, production API key with production.
environment: LucraSDK.ENVIRONMENT.SANDBOX, //or PRODUCTION
theme: {
primary: '#09E35F',
secondary: '#5E5BD0',
tertiary: '#9C99FC',
onPrimary: '#001448',
onSecondary: '#FFFFFF',
onTertiary: '#FFFFFF',
fontFamily: {
normal:
Platform.OS === 'ios'
? 'Inter Regular'
: 'fonts/Inter-Regular.ttf',
medium:
Platform.OS === 'ios'
? 'Inter Medium'
: 'fonts/Inter-Medium.ttf',
semibold:
Platform.OS === 'ios'
? 'Inter SemiBold'
: 'fonts/Inter-SemiBold.ttf',
bold:
Platform.OS === 'ios' ? 'Inter Bold' : 'fonts/Inter-Bold.ttf',
},
},
};
export function AppRoot() {
const [isReady, setIsReady] = useState(false);
useEffect(() => {
LucraSDK.init(lucraSDKOptions).then(() => setIsReady(true));
}, []);
if (!isReady) return null;
return <YourApp />;
}After Initialization
Last updated
