有没有一种方法可以自定义Flutter工具提示来改变颜色和增加填充/边距。默认值似乎填充整个屏幕的宽度,并且没有命名参数来进一步配置。下面的代码产生了一个Tooltip
,如屏幕截图所示。
Tooltip(child: IconButton(icon: Icon(Icons.info, size: 30.0)),
message: 'Lorem ipsum dolor sit amet, consectetur '
'adipiscing elit, sed do eiusmod tempor incididunt '
'ut labore et dolore magna aliqua. '
'Ut enim ad minim veniam, quis nostrud exercitation '
'ullamco laboris nisi ut aliquip ex ea commodo consequat',
padding: EdgeInsets.all(20),
preferBelow: true,
verticalOffset: 20,
)
字符串
x1c 0d1x的数据
我至少尝试将它从屏幕边缘移开,以更紧凑的方式显示它。显然,将Tooltip
Package 在Padding
中只会影响子部件(IconButton
)的位置,而不是Tooltip
本身。
理想情况下,我希望显示一个工具提示的东西与下面的一个类似的格式。和超理想情况下,我想它是显示与一个单一的点击,而不是长按。我猜Tooltip
不一定是我应该使用的小部件?
的
3条答案
按热度按时间koaltpgm1#
对于您所引用的填充,您必须使用
margin
参数。padding用于内部空间,margin用于外部。对于背景颜色,使用
decoration
参数,对于文本,使用textStyle
。下面是一个示例:
字符串
至于单击,您必须为自己制作此小部件的迭代。最简单的方法是查看源代码,将其复制到您的项目中,将直接引用从
import colors.dart';
更改为import 'package:flutter/src/material/colors.dart';
,然后进行必要的更改。对于单击,搜索
GestureDetector
并将onLongPress
中的相同值添加到onTap
:型
四处看看,你可能会发现其他方法来定制它,以您的喜好!
e37o9pze2#
要自定义工具提示,你可以看看here。或者它的例子here。
的数据
wpx232ag3#
你应该使用
richMessage
而不是message
,你可以用不同的东西来定制它。你可以在这里插入一个小部件,这样你就可以随心所欲地定制它。这里是一个基本的例子:字符串