Draw a widget over jitsi meet video

Question

I am using this library (https://github.com/gunschu/jitsi_meet) for jitsi meet, i want to draw a widget over the video screen like a chat button. Can anyone help? https://github.com/gunschu/jitsi_meet/issues/357

Answer 1

As you mentioned that jitsi takes whole screen, your widgets should be placed in following manner and it should work:

Stack(
  children: [
    Jitsi(),
    ChatButton(),
  ],
)

If you keep your widgets like the following, your button will get behind Jitsi:

Stack(
  children: [
    ChatButton(),
    Jitsi(),
  ],
)

Answer 2

Stack will not work because when overlaying Flutter widgets on top of HtmlElementView widgets that respond to mouse gestures (handle clicks, for example), the clicks will be consumed by the HtmlElementView, and not relayed to Flutter.

The result is that Flutter widget's onTap (and other) handlers won't fire as expected, but they'll affect the underlying webview.

To fix this you can use : pointer_interceptor

Sample Code :

 Stack(
  children: [
    Jitsi(),
PointerInterceptor(     // wrap your widget inside pointer intercepter
child : ChatButton()),
  ],
)