輕量級操作提示
其實Flutter中有很多提示控件,比如Dialog、Snackbar和BottomSheet這些操作都是比較重量級的,存在屏幕上的時間較長或者會直接打斷用戶的操作。
當(dāng)然我并不是說這些控件不好,根據(jù)需求的不同,要有多種選擇,所以才會給大家講一下輕量級操作提示Tooltip
Tooltip是繼承于StatefulWidget的一個Widget,它并不需要調(diào)出方法,當(dāng)用戶長按被Tooltip包裹的Widget時,會自動彈出相應(yīng)的操作提示。
main.dart文件:
import 'package:flutter/material.dart';
import 'tool_tips_demo.dart';
void main()=> runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title:'Flutter Demo',
theme:ThemeData.light(),
home: ToolTipDemo(),
);
}
}
import 'package:flutter/material.dart';
class ToolTipDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title:Text('tool tips demo')),
body:Center(
child: Tooltip(
message: '不要碰我,我怕癢',
child: Icon(Icons.all_inclusive),
),
)
);
}
}