forked from lxm_flutter/FlutterUnit
52 lines
1.7 KiB
Dart
52 lines
1.7 KiB
Dart
import 'package:flutter/cupertino.dart';
|
||
import 'package:flutter/material.dart';
|
||
|
||
/// create by 张风捷特烈 on 2020/7/22
|
||
/// contact me by email 1981462002@qq.com
|
||
/// 说明: 333 TooltipTheme 5 主要用于为后代的Tooltip组件统一设置默认属性,也可以通过该组件获取默认TooltipTheme的属性。
|
||
// {
|
||
// "widgetId": 333,
|
||
// "name": "TooltipTheme基本使用",
|
||
// "priority": 1,
|
||
// "subtitle": "可指定TooltipThemeData数据属性为【后代】的Tooltip组件设置默认样式，如装饰、文字样式、显示时长、边距等。也可以用TooltipTheme.of获取Tooltip的主题属性。",
|
||
// }
|
||
|
||
class TooltipThemeDemo extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return TooltipTheme(
|
||
child: TempTooltip(),
|
||
data: TooltipTheme.of(context).copyWith(
|
||
preferBelow: false,
|
||
padding: EdgeInsets.all(5),
|
||
verticalOffset: 20,
|
||
margin: EdgeInsets.all(2),
|
||
textStyle: TextStyle(
|
||
color: Colors.red,
|
||
shadows: [Shadow(color: Colors.white, offset: Offset(1, 1))]),
|
||
decoration: BoxDecoration(boxShadow: [
|
||
BoxShadow(
|
||
color: Colors.orangeAccent,
|
||
offset: Offset(1, 1),
|
||
blurRadius: 8)
|
||
])));
|
||
}
|
||
}
|
||
|
||
class TempTooltip extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||
children: [
|
||
Tooltip(
|
||
message: "天王盖地虎",
|
||
child: Icon(Icons.info_outline)),
|
||
Tooltip(
|
||
message: "宝塔镇河妖",
|
||
child: Icon(Icons.info_outline)),
|
||
],
|
||
);
|
||
}
|
||
}
|