flutter_showcaseview icon indicating copy to clipboard operation
flutter_showcaseview copied to clipboard

Positioning of tooltip over the screen

Open Ahmed-elshorbagy opened this issue 3 years ago • 10 comments
trafficstars

when using show case with large widgets it is not show on the screen why can't be used with Alignment to position it correctly over screen by using (0,0) for top left and (1,1) for bottom right thanks in advance

Ahmed-elshorbagy avatar Nov 26 '21 21:11 Ahmed-elshorbagy

Can you please elaborate with more details?

vatsaltanna avatar Nov 29 '21 09:11 vatsaltanna

if we wrap large widget with show case its tooltip may be out of the screen so why can't we position it over the widget itself and if we want top position it precisely we can by using Alignment or positioned widget thanks in advance @vatsaltanna showcase Screenshot_1638284348

Ahmed-elshorbagy avatar Nov 30 '21 15:11 Ahmed-elshorbagy

I got your point but it seems that there is no proper use case of this functionality as there are very rare chances where the widget will be near to full screen and it needs to be highlighted. it will be very much helpful if you can share the use case currently you are having.

vatsaltanna avatar Dec 01 '21 12:12 vatsaltanna

I faced a similar problem. I just wrapped a large widget, which is located in the center (here is fullscreen mode). The tooltip just went off the screen and isn't readable.

Screenshot_1638809598

proninyaroslav avatar Dec 06 '21 16:12 proninyaroslav

As a workaround, I use Stack and SizedBox inside, which I can put in a convenient place. I wrap SizedBox in Showcase and show it.

proninyaroslav avatar Dec 06 '21 17:12 proninyaroslav

I used a similar workaround also with stack i used an empty container and positioned it at the desired position and made the color of showcase background as transparent but i think this is not a good approach

Ahmed-elshorbagy avatar Dec 07 '21 13:12 Ahmed-elshorbagy

Screen Shot 2022-07-04 at 12 38 38 I solved this problem by reducing the height of the screen in ShowCase.withWidget( ... height:MediaQuery.of(context).size.hight - 400 or any; )

abhu66 avatar Jul 04 '22 05:07 abhu66

@abhu66 this design is dope 🔥 for inspiration, can you please share the code behind custom widget and how you positioned it above the target widget?

rmahmadkhan avatar Dec 02 '22 19:12 rmahmadkhan

@vatsaltanna In web we have a side navigation which I want to alert users to and it takes up the full height of the screen at all times regardless of screen size. The tooltip is positionable at either the top or the bottom. It would be nice if you could also choose from the left or the right.. so that in cases like this we can do to the size.

There are several other places in my app that I would use the side instead of on top or bottom and not just when something is taking up the full screen height.

kaseyrossanderson avatar Jun 05 '23 05:06 kaseyrossanderson

@abhu66 this design is dope 🔥 for inspiration, can you please share the code behind custom widget and how you positioned it above the target widget?

Sure,

abhu66 avatar Jun 07 '23 10:06 abhu66