akshathjain/sliding_up_panel

The area at the top of the sliding up panel is not clickable

anhnk opened this issue · 4 comments

anhnk commented

Describe the bug
As you can see from the screenshot, there are 2 links (Explore and Shop). However, the top area of the panel has some kind of an invisible container that covers most of these 2 links which make it very hard for the user to tap on the links.

When some padding is added to the top, the links are pushed down and easier to tap on. However, this looks rather ugly.

Is it possible to remove this unclickable area at the top? I think having links at the top of the panel is quite a common use case. Thank you!

Expected behavior
Sliding up panel should allow links or buttons at the top.

Screenshots
Hard to click on Explore and Shop links
image

Ugly workaround
image

Smartphone (please complete the following information):

  • Device: iPhone 13 Pro (simulator)
  • OS: iOS15.5
  • Flutter Version: 3.0.5
  • sliding_up_panel Version: 2.0.0+1
pablo-johnson commented

I have the same issue

SimeoneVilardo commented

I believe you are using the header without the padding.
image

faris-iocod commented

Did anyone solve this issue?

canavci312 commented

Hi, I solved this issue by wrapping my panel with

MediaQuery.removePadding(
                context: context,
                removeTop: true,
                child: panel