解释应用程序中某个按钮的功能的文本标签

Tha*_*chi 5 dart flutter

我需要创建一个文本标签组件,它将充当 Flutter 中的应用内教程解释标签。此文本标签应显示在按钮上方,解释单击该按钮将导致创建新条目。

在此输入图像描述

我尝试使用工具提示小部件来包装按钮。但只有长按按钮时才会显示工具提示。如果用户尚未创建任何条目,我需要使该小部件可见。

Alo*_*lok 0

目前,我想为您提供这个简短但微小的帮助。我只是想让你看看它是否对你有任何帮助。

我的想法是以编程方式触发tooltip。让我告诉您如何做到这一点,尽管没有可用的文档来做到这一点。我对此也做了一些研究。

  1. 使用ensureTooltipVisiblefrom _TooltipStateusing aGlobalKey来获取它。
  2. 通常,您会在小部件实例化中执行以下字段Tooltip : final key = new GlobalKey();

然后在你的工具提示中你将分配这个键

final _key = new GlobalKey()

ToolTip(
  key: _key
)
Run Code Online (Sandbox Code Playgroud)

在其中initState()您只需检查是否有一些条目:

initState(){
  super.initState();
  if(_yourData == null){
    //that's how you trigger it
    final dynamic tooltip = _key.currentState;
    tooltip.ensureTooltipVisible();
  }
}
Run Code Online (Sandbox Code Playgroud)

initState()是每次打开页面时都会初始化的方法。因此,一旦您打开页面,就会检查信息并相应地显示。让我知道这是否有帮助。:)