Flutter Widget 之Tooltip

956 阅读1分钟

手机屏幕很小,所以应用程序通常使用图像来传达意义。

它们还充满了图像和其他视觉内容,这些内容可能并不明显,视力受损的人也无法看到。

为了让用户获得消息,请使用Tooltip

只需要使用Tooltip widget包裹你的内容并提供消息即可。

Tooltip(
    message: 'Dash',
    child: MyVisualWidget(),
)

现在,您的图像和图标会在适当的时候显示tooltip。

例如,当用户点击UI时,或者当他们长按下它时,

Tooltip将消息导出语义,因此屏幕阅读者将能够使他语音化。

您可以使用verticalOffset,height等自定义Tooltip,

Tooltip(
    message: 'Dash',
    verticalOffset: 48,
    height: 24,
    child: MyVisualWidget(),
)

某些Material Widget(如IconButton)已经包含Tooltip,因此你只需提供消息文本即可。

IconButton(
    icon: Icon(Icons.high_quality),
    tooltip: 'High quality',
)

如果想了解有关Tooltip的内容,或者关于Flutter的其他功能,请访问flutter.io

原文翻译自视频:视频地址