Add visual tap/hold feedback for MoonMenuItem on mobile (similar to CupertinoListTile or iOS Settings UI)
📱 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:
❓ What I’ve Tried
- My app only targets Android and iOS, but I noticed that
hoverEffectColor,hoverEffectDuration, andhoverEffectCurveonly seem to have a visible effect on web. There’s no visual feedback when tapping or holding aMoonMenuItemon mobile. - I also tried wrapping the
MoonMenuIteminside aGestureDetectorand using anAnimatedContainerto manually simulate a pressed background. This works, but feels like a workaround. - In contrast,
CupertinoListTileprovides 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
InkWellripple
Would this be something you’re open to supporting in a future update?
Thanks again!