上效果图
有12种位置展示效果;很能满足大部分需要
代码如下:
import 'package:flutter/material.dart';
import 'package:tolyui_feedback/tolyui_feedback.dart';
class TolyTooltipDemo extends StatelessWidget {
const TolyTooltipDemo({super.key});
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('TolyTooltipDemo'),
),
body: Center(
child: Column(
spacing: 10.0,
children: [
TolyTooltip(
message: '默认位置展示',
child: Text('默认'),
),
TolyTooltip(
placement: TooltipPlacement.left,
message: '左侧展示',
child: Text('设置左侧提示'),
),
TolyTooltip(
placement: TooltipPlacement.right,
message: '右侧展示',
child: Text('设置右侧提示'),
),
TolyTooltip(
placement: TooltipPlacement.bottom,
message: '底部展示',
child: Text('设置底部提示'),
),
],
),
),
),
);
}
}
TolyUI介绍:
- 动画展示/隐藏浮层弹框。
- 支持 12 种弹框与目标组件的对齐方式。
- 支持气泡框和非气泡框,填充与边模式线的弹框。
- 支持边界溢出检测,并自动适应偏移功能。
使用方式非常简单,直接通过 TolyTooltip 组件嵌套在目标组件之上即可。其中:
textStyle 参数可以指定浮窗内文字样式。
padding 参数设置浮层弹框内边距。
placement 参数设置浮层弹框和目标组件的对其方式。
gap 参数设置浮层弹框和目标组件的距离。
message 参数设置浮层弹框文字内容
配置如下:
# 仅使用反馈模块
dependencies:
tolyui_feedback: ^0.2.0
# 或者使用
# 使用 tolyui 全家桶
dependencies:
tolyui: ^0.2.0
选了TolyTooltip来介绍一下,tolyui有个全家桶可以使用的;嗯!
具体详情参考地址:Flutter TolyUI 框架#02 | Popover 与 Tooltip 设计
应该是很强大,但目前我这需要的不多蛤!感兴趣的大佬试试!!!
==============================END