Nested Gesture Does not change on Tap

You can add Color to the last AnimatedPositioned which use text widget.item.locationName in your code, like:

AnimatedPositioned(
  curve: Curves.ease,
  duration: Duration(milliseconds: 400),
  bottom: moveWidget
    ? 10
    : MediaQuery.of(context).size.height * 0.20,
  left: 10.0,
  right: 0.0,
  top: moveWidget
    ? 15
    : MediaQuery.of(context).size.height * 0.70,
  child: Container(
    color: Colors.white,
    Text(
      '${widget.item.locationName}',
      style: TextStyle(fontSize: 30, color: Colors.white),
    ),
  ),
),

You will see a white screen (the widget which blocking you) when you scroll up. You can fix it by 2 ways

  1. Change the bottom 10 to a larger number

  2. Move this part of AnimatedPositioned to Top of the Stack widget

The Nested Gesture should work probably as you expected.

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top