React Native web analytics installation

npx expo install posthog-react-native expo-file-system expo-application expo-device expo-localization

import { PostHogProvider } from 'posthog-react-native'

export function MyApp() {
    return (
        <PostHogProvider
            apiKey="<ph_project_api_key>"
            options={{
                host: "https://us.i.posthog.com",
            }}
        >
            <RestOfApp />
        </PostHogProvider>
    )
}

import { usePostHogCapture } from 'posthog-react-native'
import { NavigationContainer } from '@react-navigation/native'

function App() {
    const routeNameRef = useRef<string>()
    const navigationRef = useRef<NavigationContainerRef<any>>()
    const captureEvent = usePostHogCapture()

    return (
        <NavigationContainer
            ref={navigationRef}
            onReady={() => {
                routeNameRef.current = navigationRef.current?.getCurrentRoute()?.name
            }}
            onStateChange={async () => {
                const previousRouteName = routeNameRef.current
                const currentRouteName = navigationRef.current?.getCurrentRoute()?.name

                if (previousRouteName !== currentRouteName) {
                    captureEvent('$screen', { $screen_name: currentRouteName })
                }
                routeNameRef.current = currentRouteName
            }}
        >
            {/* App content */}
        </NavigationContainer>
    )
}