talamaska / onboarding_overlay

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Desktop App resizing issue

jlnrrg opened this issue Β· comments

First of all, I have yet to replicate this with my overlay_test_app, because there it works fine, I assume some kind of incompatibility with another package.

I think the video should explain the issue quite well.
If you have an idea, or encountered the problem at a certain point, feel free to share, otherwise I just use this issue to track my reproduction progress πŸ˜„.

Steps taken:

Peek.2021-12-07.23-38.mp4

Edit:
The error message in the end is: (over and over again)

Invalid argument(s): 0.0
The relevant error-causing widget was
MaterialApp
lib/main.dart:122

it seems to me that this is caused by some clamping on the position of the label box.
I'll need some time to debug and figure out what is going on.
And also I wonder why your overlay is not full screen at some point.

And also I wonder why your overlay is not full screen at some point.

yeah, it is kind of a multiple step issue:

  1. not full screen on resizing (minus)
  2. error message on certain size (big)

clamping issue is reproducible and I'm going to make a fix tomorrow.
the other issue I can't reproduce.

Ok, I reproduced the issue and I feel stupid πŸ˜‘
I had set for every OnboardingStep the fullscreen to false.

Hope this will help someone else in the future.

On another note:
Can you explain (or show an image) what the Arrow intends to do (hasArrow).

(I will close the issue, once the new version fixes the other issue)

  1. error message on certain size (big)

image
image
image
image

Hope those help.

It does indead.
I was mainly inquiring to find an easy fix to repositioning the text, as the desktop draws it quite to the start πŸ˜….
Screenshot from 2021-12-08 14-09-49

But then I found out that you use textAlign to handle this.
The issue then is, that (obviously πŸ˜„) the text is not left aligned anymore:

Screenshot from 2021-12-08 14-12-25

There is no silver bullet here. I've never targeted this plugin for larger screens. You might want to calculate the desired width put it in a sizedbox and a row and all that placed in a stepBuilder. Also you can use the debugBoundaries flag to understand how much space is allocated for the label. On full screen it takes as much as possible, on fullscreen false it's kinda limited I'm still searching for the equation that will give the right size of the label box, as the overlay could be a different shape.

3.0.0-pre.13

The latest version fixed also issue 2.

  1. error message on certain size (big)