单击图标后显示信息文本

Question

我正在尝试在 Flutter 中实现一项功能，用户可以在单击特定图标或图像后显示其他信息。我想在所选图标上方显示一个小注释。我想要实现的示例在下面的屏幕中。

有没有准备好使用此功能的小部件？

Answer 1

您可以使用 Stack 来做到这一点。首先将 Button 放置在您希望 Stack 所在的位置。

您可以在 Stack 中的 Positioned() 中写入要放在按钮顶部的信息。

设置一个变量，当这个变量为 True 时显示信息，否则隐藏它。

如果您希望它在您触摸任何地方时关闭，您也可以使用 GestureDetector。