Hey everyone!
If you ve ever tried to build a health, fitness, or utility feature in a cross-platform React Native app, you know the pain: you aren't writing one feature-set, you're fighting two entirely separate, heavy native ecosystems.
1. Beginning
On iOS, you have the mature Apple HealthKit API. On Android, you have Health Connect, Google s unified API framework that replaced the legacy Google Fit SDK. When I was building the hydration tracking architecture for my new app, WaterPaw, I wanted a completely modular solution.
I didn't want platform conditional checks (`Platform.OS === 'ios'`) messy up my UI layer. I wanted a single, abstract custom React hook that handled availability, permissions, and data fetching under one hood. Here is the clean design pattern I used to unify them, utilizing Expo Config Plugins to handle the native configurations automatically.
