在jitsi会议视频上绘制一个小部件

Question

我正在使用这个库(https://github.com/gunschu/jitsi_meet)对于jitsimeet，我想在视频屏幕上画一个小部件，就像聊天按钮一样。有人能帮忙吗？https://github.com/gunschu/jitsi_meet/issues/357

Answer 1

正如您提到的jitsi占据整个屏幕，您的小部件应该以以下方式放置，并且它应该工作：

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

如果你保持你的小部件如下，你的按钮将在Jitsi:后面

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

Answer 2

Stack将不起作用，因为当将Flutter窗口小部件覆盖在响应鼠标手势(例如，处理点击(的HtmlElementView窗口小部件上时，点击将被HtmlElementView消耗，而不会传递到Flutter。

结果是Flutter小部件的onTap(和其他(处理程序不会像预期的那样启动，但它们会影响底层的Web视图。

要解决此问题，您可以使用：pointer_interceptor

样本代码：

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