React Native feature flags 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 { 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 matchedFlagPayload = posthog.getFeatureFlagPayload('flag-key')
    }

    return <View>...</View>
}