Progress, goals, tasks, habits - all-in-one.

React Native

My stack is Supabase+LegendState+React Native(Expo). I’ve been building this “Productivity” app for a while. Especially in the past few weeks. Today I went into some issues, with Android in particular.

Pressable acting funky

I got stuck with some buttons not working inside a ScrollView and Stack header, only on Android. iOS and Web works perfectly fine.

Upon looking into it, it is better to use RectButton over Pressable, especially when there’s Gesture on top of the view or inside ScrollView.

I spent about an hour trying to figure it out if it’s because of Gesture not being handled properly because it’s out of bound. It turns out the solution is as simple as using RectButton.

SafeAreaVIew

I have a SafeAreaProvider at the RootLayout, but I had no idea where to SafeAreaView, I thought I have to put it per screen. But it turns out that I don’t even need to really use SafeAreaView. SafeAreaProvider serves it’s functions already.

Stopped being perfect, will release the first version soon

I still want to add the habit feature to the app. But for now, I think I will still publish the app without it. And then improve it, bugfix it, meanwhile adding that feature in.

This will be my first ever cross-platform big app with backend.

We will see how it goes.