我正在尝试将工具提示放在数据表中。但是工具提示不起作用。
在这里,我创建了一个数据表的姓名,年龄和角色。我使用工具提示栏网站的指示信息。我用的是android studio任何帮助是非常感谢!
这是Flutter代码;请注意数据列中的工具提示。
import 'package:flutter/material.dart';
void main(){
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Home(),
);
}
}
class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends State<Home> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Data Table"),
),
body: Center(
child: DataTable(
columns: [
DataColumn(label: Text("Name"), tooltip: "Name"),
DataColumn(label: Text("Age"), tooltip: "Age"),
DataColumn(label: Text("Role"), tooltip: "Role")
],
rows: [
DataRow(cells: [
DataCell(Text("Tanvir"),),
DataCell(Text("30"),),
DataCell(Text("Engineer"),),
]),
DataRow(cells: [
DataCell(Text("Sara"),),
DataCell(Text("28"),),
DataCell(Text("Housewife"),),
]),
DataRow(cells: [
DataCell(Text("Sadia"),),
DataCell(Text("35"),),
DataCell(Text("Manager"),),
]),
],
),
),
);
}
}
2条答案
按热度按时间eqfvzcg81#
此代码工作正常,工具提示仅在移动的应用程序的列名上的Tap & Hold和Web应用程序的悬停上可见。尝试点击并按住列名,您将看到工具提示。
我假设您希望在列名旁边有一个类似于信息的按钮。
有关工具提示的更多帮助,您可以访问此链接:https://api.flutter.dev/flutter/material/Tooltip-class.html
qkf9rpyu2#
在网页上,它是在悬停时触发的,所以当使用模拟器时,它不会显示在移动的设备上,默认值是长按的,但你可以自定义它的触发模式:TooltipTriggerMode.tap