如何让一个工具提示,其中包含的信息,图片和颤振和图标吗?

Question

我正试图使一个桌面应用程序，其中有从游戏中的字符，我需要，当鼠标定位在它悬停，关于它的信息框显示在字符上。

我尝试了工具提示小部件，但它只适用于文本，它不是我需要的，我需要能够显示图像，图标等，总之，我想要的小部件。

与此图类似。

工具提示宽度图像和图标

我的意思可以是这样的代码:

Widget build(BuildContext context) {
return Center(
child: Tooltip(
message: Container(
width: 100,
height: 100,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Colors.grey,
),
child: Column(
children: [
const SizedBox(height: 10),
Text(
'This is a tooltip',
style: TextStyle(
fontSize: 14,
),
),
const SizedBox(height: 10),
Icon(Icons.thumb_up_alt),
],
)
),
child: Image.asset(
'assets/image.png',
height: 300,
width: 300,
),
),
);
}

这是一个不工作的代码示例，但它有助于理解我需要什么。

PS:我不知道如何使图像显示在其他问题像有些人一样,为给您带来的不便抱歉。

Answer 1

我也想做同样的事情。这个包裹看起来很不错。它是两年前推出的，看起来还在维护:https://pub.dev/packages/super_tooltip

Answer 2

工具提示是基于材料设计的内置小部件，当用户长按或悬停在小部件上时，它会在浮动标签中显示小部件的文本描述。

Widget build(BuildContext context) {
return Center(
child: Tooltip(
message: 'this is image',
child: Image.asset(
'assets/Bella.png',
height: 300,
width: 300,
),
),
);

}