React Native

import { PostHogProvider } from 'posthog-react-native'
export function MyApp() {
    return (
        <PostHogProvider
            apiKey="<ph_project_token>"
            options={{
                host: "https://us.i.posthog.com",
            }}
        >
            <RestOfApp />
        </PostHogProvider>
    )
}

import { usePostHog } from 'posthog-react-native'
function MyComponent() {
    const posthog = usePostHog()
    const handlePress = () => {
        posthog.capture('button_pressed', {
            button_name: 'signup'
        })
    }
    return <Button onPress={handlePress} title="Sign Up" />
}

import { usePostHog } from 'posthog-react-native'
function MyComponent() {
    const posthog = usePostHog()
    const isMyFlagEnabled = posthog.isFeatureEnabled('flag-key')
    if (isMyFlagEnabled) {
        // Do something differently for this user
        // Optional: fetch the payload
        const matchedFlagPayload = posthog.getFeatureFlagPayload('flag-key')
    }
    return <View>...</View>
}

import { usePostHog } from 'posthog-react-native'
function MyComponent() {
    const posthog = usePostHog()
    const enabledVariant = posthog.getFeatureFlag('flag-key')
    if (enabledVariant === 'variant-key') { // replace 'variant-key' with the key of your variant
        // Do something differently for this user
        // Optional: fetch the payload
        const