即使被另一个小部件覆盖，如何检查 Flutter 小部件的可见性

Question

我正在尝试找到一种方法来检查 Flutter 小部件在屏幕外或被其他小部件（例如 Drawer、Dialog 或 BottomSheet）遮挡时的可见性。

visibility_detector 有助于检查它是否在屏幕上，但不适用于第二个用例（已知限制）。

是否有一个较低级别的 api 可用于检查小部件是否对用户真正可见？

我的用例：当外部事件发生时，我正在向 Overlay 添加一个小部件（类似于 Tooltip，但不是长按）。例如，如果用户打开抽屉，小部件将出现在顶部。我想检测到孩子不可见并延迟或取消操作。

Answer 1

我了解您的问题吗？

• 您有一个想要始终在顶部的小部件？
• 您希望用户先与该小部件进行交互，然后再进行其他操作？

使用设计模式使编码更容易，您的用户会感谢您。

您可以使用showGeneralDialog 或showDialog 函数在其他小部件的顶部显示Dialog。因为对话框是许多应用程序中使用的一种设计模式，所以用户已经知道如何使用它们。

使用显式状态定义应用行为。

很难从渲染的 UI 中推导出应用行为，并非所有设备的大小和形状都相同。这意味着您应该尝试编写一个描述您的情况的变量，然后编写代码您需要使该变量的值正确。听起来你想要一个像bool overlayIsShowing 这样的变量。