Overview

First, go to RevenueCat and create a account.

After you create your account, click on the Create Project button.

After creating your project, you need to define your project name.

Then, we are continuing with the tabs for platform-specific setup.

After completing two platform-specific setup, open your app/_layout.tsx file.

• Add the RevenueCatProvider component.

import {
    RevenueCatProvider,
    useRevenueCat,
} from '@/context/RevenueCatProvider';

Find the useEffect hook in the App component.

//* If you want to use RevenueCat, uncomment the following lines 👇
const { initializeRevenueCat } = useRevenueCat();

useEffect(() => {
    ....
    getUserTrackingPermission();
    // Uncomment the following line 👇
    initializeRevenueCat(); 
}, []);

Wrap the RootLayout component with the RevenueCatProvider component.

const RootLayout = () => {
  return (
    <Provider store={store}>
      <AuthProvider>
        <RevenueCatProvider>
          {/* ... */}
        </RevenueCatProvider>
      </AuthProvider>
    </Provider>
  );
};

I could have added this step too, but this is too specific for your project.

• I am giving you the links to the docs for Google Play Console and App Store Connect.
• Google Play Console
• App Store Connect

Then we are ready to some sellings 🎉