schabanbo / overlayment Goto Github PK

I can't seem to get my Window overlays to appear where they should. It seems like the code below may be unnecessarily adjusting the position of the overlay from what is passed in the position parameter. Can you verify this and fix if you agree?

@OverRide
Future<T?> show({BuildContext? context}) => Overlayment.show(this, context: context);

Offset _calcPosition(Size screen, Size? size, Offset? moveDelta) {
if (moveDelta != null) return moveDelta;

if (position != null) {
  if (size == null) return position!;

  var xPercent = position!.dx / screen.width;
  var yPercent = position!.dy / screen.height;
  return Offset(
    position!.dx - size.width * xPercent,
    position!.dy - size.height * yPercent,
  );
}

size = size ?? const Size(0, 0);
final x = (screen.width / 2 + screen.width / 2 * alignment!.x) - (size.width * 0.5 + size.width * 0.5 * alignment!.x);
final y = (screen.height / 2 + screen.height / 2 * alignment!.y) - (size.height * 0.5 + size.height * 0.5 * alignment!.y);
return Offset(x, y);

}

This happens when the screen is too smal for the whole array to fit on it.
Here is a screenshot:

Good luck with fixing the issue!

Hi @SchabanBo :)
When use qlevar_router need to change MaterialApp to MaterialApp.router() then no navigator propterty to set.
How can i no need pass context anytime?

Hi @SchabanBo, can you tell me whether the package supports the feature where if we trigger two notifications at one single time can the notifications will appear in the list view fashion instead of overlapping the notifications on top of each other. Because with this what is happening 1st notification is not being visible as 2nd notifications is showing on top of the first one in a stack manner, so it would be great if the notifications shows in a listview manner like the below package. I was trying the Simple notification that is present in your online demo

https://www.npmjs.com/package/react-toastify

@SchabanBo Hi~

Can change dialog's elevation?

Hi~ @SchabanBo

I tried to set onClose's callback but got type trouble.

actions: OverlayActions( onClose: () { // do some thing }, ),

show below error:
The argument type 'Future Function()' can't be assigned to the parameter type 'Future Function(dynamic)?'

May you provide overlayActions use case sample ?

hi, thanks for your work, this flexible and awesome package..

i have problem, so currently i play in desktop app.
so i use this package to open some OverPanel using shortcut, when i spam the shortcut key, i got some error like this

[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: LateInitializationError: Field 'overlayAnimation' has not been initialized.

sample code:

class SomeView extends StatelessWidget {
  const SomeView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CallbackShortcuts(
        bindings: {
          const SingleActivator(LogicalKeyboardKey.keyI): () async => await openPanelInfo(),
        },
        child: Focus(
          autofocus: true,
          focusNode: FocusNode(canRequestFocus: true),
          child: VStack([
            ///...
          ]),
        ),
      ),
    );
  }
}

Future<void> openPanelInfo() async {
    //....
    await Overlayment.show(
      context: context,
      OverPanel(
        actions: OverlayActions(
          onOpen: () async {
            try {
              if (Overlayment.count > 1) await Overlayment.dismissAll();
            } catch (_) {
              await Overlayment.dismissAll();
            }
          },
        ),
        alignment: Alignment.centerRight,
        child: 
            ///...
      ),
    );
  }

Hi @SchabanBo

I tried to close dialgo by background dismiss area.
But OverlayActions onClose callback not trigger.