Just published a horizontal drag-select recipe ✨
github.com/osamaqarem/d...

wtf reanimated is seriously amazing.

this thing just works on web, perfectly, with 0 changes.

using a 'bounding box' that intersects with items isn't making sense to me, since the selection isn't a continuous date range, but has gaps.

the other selection algorithm is where there's no bounding box. instead, the selection revolves around an axis, leaving no gaps between the axis and cursor.

is there a mobile app that does 'bounding box' type of drag-to-select interaction? how is it useful?

for example, take a github contributions graph where each column is the start of a new week.

let's say you want to filter contributions by selected dates:

I've been sitting on the code for this for about 2 years 🙈, but I'm still pretty sure this is the only drag-to-select package in the React Native ecosystem right now.

Made with Reanimated & Gesture Handler, 60 FPS on both Android & iOS.

Here is an example of what you could make with it:

so that your apps can look like that