所有小部件上的Flutter Tooltip

时间:2018-04-25 13:58:07

标签: dart flutter

有没有办法在tooltip小部件上设置Text

new Text(
    "Some content",
    tooltip: "Displays a message to you"
  )

这不起作用。但是,mentioned hereFloatingActionButton

等内容起作用{{3}}
new FloatingActionButton(
    onPressed: action,
    tooltip: "Action",
    child: new Icon(Icons.add),
  )

我了解Text类没有实现tooltip。无论如何,我想知道是否有办法做到这一点。

3 个答案:

答案 0 :(得分:17)

您可以将文本包装到Tooltip窗口小部件中。

new Tooltip(message: "Hello World", child: new Text("foo"));

答案 1 :(得分:1)

虽然Rémi的答案是正确的,但是您也可以像这样创建自己的小部件:

class TooltipText extends StatelessWidget {
  final String text;
  final String tooltip;

  TooltipText({Key key, this.tooltip, this.text});

  @override
  Widget build(BuildContext context) {
    return Tooltip(
      message: tooltip,
      child: Text(text),
    );
  }
}

并像这样使用它:

TooltipText(
    text: "Text",
    tooltip: "tiptool",
);

答案 2 :(得分:0)

Tooltip(message: "This is the tooltip message", child: new Text("Show tooltip"));

您还可以提供高度、装饰等参数。