Flutter Tooltip

Tooltip 是 Flutter 中一个 Material Design 类，它提供文本标签来解释按钮或用户界面操作的功能。换句话说，它用于在用户移动或指向特定小部件时显示附加信息。它提高了我们应用程序的可访问性。如果我们用它包裹小部件，那么当用户长按小部件时，它会非常有用，因为在这种情况下，它会显示为一个浮动标签。

性质

以下是用于自定义应用程序的属性。

message：它是一个字符串消息，用于显示在提示中。

height：用于指定提示工具的子元素的高度。

textStyle：用于确定提示消息的样式。

margin：用于确定围绕提示工具的空白。

showDuration：用于指定在释放长按后显示提示工具的时间长度。默认情况下，是 1.5 秒。

decoration：用于定义提示工具的形状和背景颜色。默认的提示工具形状是一个圆角矩形，其边框半径为 4.0 PX。

verticalOffset：确定提示工具和小部件之间的垂直间隙。

waitDuration：用于指定指针悬停在提示工具的小部件上，然后显示提示工具的时间。当指针离开小部件时，提示消息将消失。

padding：确定插入提示工具的子元素的空间。默认情况下，所有方向均为 16.0 PX。

preferBelow：用于指定提示工具是否显示在小部件下方。默认情况下，为 true。如果我们没有足够的空间在首选方向显示提示工具，则提示工具将显示在相反的方向。

如何在 Flutter 中使用 Tooltip Widget？

我们可以在 Flutter 中使用提示工具，如下面的代码所示

输出

示例

让我们通过一个例子来理解它，我们试图涵盖上述大部分属性。在下面的示例中，我们将使用一个FlatButton，以Icon作为子项，并用提示工具将其包围。如果我们长按此按钮，它将显示一个带有为提示工具小部件提供的消息的标签。

输出

当我们在 IDE 中运行应用程序时，我们将看到如下屏幕截图所示的 UI

如果我们长按图标，我们将看到如下所示的提示。