moon_flutter icon indicating copy to clipboard operation
moon_flutter copied to clipboard

Add visual tap/hold feedback for MoonMenuItem on mobile (similar to CupertinoListTile or iOS Settings UI)

Open neganngdev opened this issue 8 months ago • 0 comments

📱 Expected Behavior

Hi Moon team 👋,

First of all, thank you for your work on moon_flutter — I really appreciate the flexibility and design quality of the components.

I'm currently using MoonMenuItem to build a settings screen, and I noticed that there's no visual feedback when tapping or holding the tile on mobile platforms (iOS/Android). This makes the interaction feel less responsive and less consistent with native UI patterns.

🔍 Visual Reference

Here's an example from an iOS app (screenshot attached) where the “Account” tile shows a subtle gray background on press. This is the kind of feedback I'd love to replicate using MoonMenuItem.

📸 Reference screenshot:

iOS Settings Press Feedback

❓ What I’ve Tried

  • My app only targets Android and iOS, but I noticed that hoverEffectColor, hoverEffectDuration, and hoverEffectCurve only seem to have a visible effect on web. There’s no visual feedback when tapping or holding a MoonMenuItem on mobile.
  • I also tried wrapping the MoonMenuItem inside a GestureDetector and using an AnimatedContainer to manually simulate a pressed background. This works, but feels like a workaround.
  • In contrast, CupertinoListTile provides native-looking visual feedback on mobile taps by default, which improves the user experience.

✅ What I'm Hoping For

I'd love to see built-in support in MoonMenuItem for:

  • Visual feedback when tapping or holding on mobile
  • A consistent experience across platforms (hover on web, press on mobile)
  • Something that mimics the iOS-style press effect or Material’s InkWell ripple

Would this be something you’re open to supporting in a future update?

Thanks again!

neganngdev avatar Apr 11 '25 08:04 neganngdev