Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 自定义颤振工具提示_Flutter_Dart_Tooltip_Flutter Layout - Fatal编程技术网

Flutter 自定义颤振工具提示

Flutter 自定义颤振工具提示,flutter,dart,tooltip,flutter-layout,Flutter,Dart,Tooltip,Flutter Layout,是否有办法自定义颤振工具提示以更改颜色并增加填充/边距。默认值似乎占据了整个屏幕的宽度,并且没有命名参数来进一步配置它。下面的代码生成一个工具提示,如屏幕截图所示 Tooltip(child: IconButton(icon: Icon(Icons.info, size: 30.0)), message: 'Lorem ipsum dolor sit amet, consectetur ' 'adipiscing elit, sed do ei

是否有办法自定义颤振工具提示以更改颜色并增加填充/边距。默认值似乎占据了整个屏幕的宽度,并且没有命名参数来进一步配置它。下面的代码生成一个
工具提示
,如屏幕截图所示

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,
        )

我正在尝试至少将其从屏幕边缘移开,并以更紧凑的方式显示。显然,将
工具提示
包装在
填充
中只会影响子小部件(图标按钮)的位置,而不是
工具提示
本身

理想情况下,我希望显示一个与下面格式类似的工具提示。超级理想的情况是,我希望它只需轻触一下即可显示,而不是长按。我猜工具提示不一定是我应该使用的小部件吗


对于您所指的填充,必须使用
边距
参数。填充用于内部空间,边距用于外部空间

对于背景色,使用
装饰
参数;对于文本,使用
文本样式

下面是一个例子:

工具提示(
子项:图标按钮(图标:图标(Icons.info,大小:30.0)),
信息:“Lorem ipsum dolor sit amet,Concertetur”
“再见,精英们,请暂时加入”
“我们的劳动和财富是巨大的。”
“我们必须尽可能少做练习”
“ullamco laboris nisi ut aliquip ex ea commodo consequat”,
填充:边缘设置。全部(20),
保证金:全部(20),
showDuration:持续时间(秒数:10),
装饰:盒子装饰(
颜色:颜色。蓝色。不透明度(0.9),
borderRadius:const borderRadius.all(半径圆形(4)),
),
textStyle:textStyle(颜色:Colors.white),
下面是:对,,
垂直偏移:20,
)
对于单个点击,您必须自己对这个小部件进行迭代。最简单的方法是查看源代码,将其复制到项目中,从
import colors.dart'更改直接引用导入“包装:颤振/src/material/colors.dart”
然后进行所需的更改

对于单次点击,搜索
手势检测器
,并将相同的值从
onLongPress
添加到
onTap

Widget结果=手势检测器(
行为:HitTestBehavior.不透明,
onLongPress:_handleLongPress,
onTap:_handlelong出版社,
excludeFromSemantics:true,
孩子:语义学(
label:excludeFromSemantics?null:widget.message,
child:widget.child,
),
);

随便看看,你可能会找到其他方式来定制它,以满足你的喜好

要自定义工具提示,您可以查看一下。或者这是一个例子


检查-@anmol.majhail Ahaa!这看起来很有希望。Thanks@SimonH您好,您是否完成了工具提示界面,对我来说,它显示了应用程序安装的第一次,我必须这样显示,如果我单击外部,然后自动显示下一个。您能告诉我如何做吗。