button: Delayed tap feedback on bottom nav and menu buttons

[MritunjayTiwari14]

Description

Mismatch in the animation behavior of home bottom nav bar icon button and Menu Page button
(Possibly issue is originating from AnimatedScaleOnTap in button.dart)

The Scale down and Scale up as well as Ink Splash animation occurs after a finite delay of 100ms. Mainly due to GestureDetector used inside AnimatedScaleOnTap.

/// The time that must elapse before a tap gesture sends onTapDown, if there's
/// any doubt that the gesture is a tap.
const Duration kPressTimeout = Duration(milliseconds: 100);

Discussion: #mobile > issue in responsiveness of home bottom navbar icons
Design: Figma Design

Steps to Reproduce

1. Go to Home Page
2. Click on any bottom navbar icon button

1. Go to Home Page
2. Further go to Menu Page
3. Click on any button

Expected Behavior (Taken from Figma, Link to element is given in the top

design.mp4

Actual Behavior

implementation.mp4

Impact

Inconsistency between design and implementation, unexpected user experience.

Possible Cause (Guess)

Already Specified in Description