Flutter 中的 Tooltip 小部件:全面指南
warning:
这篇文章距离上次修改已过190天,其中的内容可能已经有所变动。
在Flutter中,Tooltip小部件用于显示当用户长按或者鼠标悬停在该部件上时的文本提示。以下是一个简单的Tooltip使用示例:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Tooltip Example'),
),
body: Center(
child: Tooltip(
message: '这是一个提示信息',
child: IconButton(
icon: Icon(Icons.info_outline),
onPressed: () {
// 点击按钮时的操作
},
tooltip: '点击这里获取帮助', // 可以使用tooltip属性替代Tooltip小部件
),
),
),
),
);
}
}
在这个例子中,我们创建了一个带有Tooltip的IconButton。当用户长按或者鼠标悬停在按钮上时,会显示出"这是一个提示信息"。这个Tooltip可以用于帮助解释按钮的功能或者添加额外的文本说明。
评论已关闭