flutter 单击图标后显示信息文本

a9wyjsp7 于 2023-01-21 发布在 Flutter

关注(0)|答案(2)|浏览(144)

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

是否有任何现成的小工具用于此功能？

2条答案

您可以使用工具提示小部件执行此操作，如下所示

Tooltip(
    message: "This is the tool tip",
    child: Icon(Icons.add), 
      ),

当你长按图标时，信息将显示如下。

您可以使用堆栈来完成此操作。首先将按钮放置在您希望堆栈所在的位置。
您可以在Stack内的Positioned（）中写入要放在按钮顶部的信息。
设置一个变量，当此变量为True时显示信息，否则隐藏它。
如果您希望在触摸任何位置时关闭GestureDedector，也可以使用它。