React Native

import { FlowaliveProvider } from 'flowalive-analytics/react-native';
import { NavigationContainer } from '@react-navigation/native';

export default function App() {
  return (
    <NavigationContainer>
      <FlowaliveProvider apiKey="flowalive_xxx">
        <YourApp />
      </FlowaliveProvider>
    </NavigationContainer>
  );
}

import { Flowalive } from 'flowalive-analytics/react-native';
import { useEffect } from 'react';

export default function App() {
  useEffect(() => {
    // Initialize analytics - no PII collected by default
    Flowalive.setDevice();
  }, []);

  return <YourApp />;
}

// After user login and consent
await Flowalive.setDevice({
  appUserId: '123',
  appUserName: 'John Doe',
  appUserEmail: [EMAIL_ADDRESS]',
  metadata:{
    plan: 'premium',
    beta_tester: true
  }
});

// Event without parameters
Flowalive.track('app_opened');

// Event with parameters
Flowalive.track('purchase_completed', {
  amount: 99.99,
  currency: 'USD',
  product_id: 'premium_plan'
});

import { FlowaliveProvider } from 'flowalive-analytics/react-native';
import { NavigationContainer, useNavigationContainerRef } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

export default function App() {
  const navigationRef = useNavigationContainerRef();

  return (
    <NavigationContainer ref={navigationRef}>
      <FlowaliveProvider
        apiKey="flowalive_xxx"
        trackNavigation={true}
        navigationRef={navigationRef}
      >
        <Stack.Navigator>
          <Stack.Screen name="Home" component={HomeScreen} />
          <Stack.Screen name="Settings" component={SettingsScreen} />
        </Stack.Navigator>
      </FlowaliveProvider>
    </NavigationContainer>
  );
}