搜索插件、代码仓与 APP 分类

hotspot 封面
插件详情v0.1.3

hotspot

简单的旅行、教练标记和教程。只需标记您的小部件即可!

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
144
喜欢数
158
Pub 分数
150

安装插件

flutter pub add hotspot

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Hotspot 是一个 Flutter 包,通过允许开发者将注释标记到小部件上,实现简单且可自定义的引导、教练标记和教程。它通过视觉高亮和提示工具帮助用户了解应用功能,提升入门体验和功能发现。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 等多个平台,非常适合跨平台应用。只需最少的设置,Hotspot 就能无缝集成到现有 UI 中,以直观的方式突出显示关键元素,而无需复杂的代码。对于希望通过交互式引导来提高用户参与度的应用来说,它尤其有用。

适合场景

  • 引导新用户
  • 突出显示新功能
  • 引导式应用教程
  • 应用内的用户教育
  • 改进复杂界面的用户体验

主要特点

  • 用于引导提示的控件标记
  • 跨平台支持
  • 最小配置
  • 可自定义的工具提示
  • 流畅的动画
  • 与现有用户界面轻松集成

适合对象

  • 应用入门流程
  • 复杂应用中的功能介绍
  • 教育或企业应用
  • 寻求快速实施的UX设计师
  • 开发者优先考虑简单和速度

使用建议

  • 可能需要仔细定位以获得最佳用户体验
  • 与高级解决方案相比,自定义选项有限
  • 最适合简单的游览,而不是复杂的流程
  • 大量并发热点带来的性能影响
  • 不太适合高度动态或频繁变化的用户界面

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

hotspot

The simplest way to make beautiful tours, coachmarks, and tutorials.

demo of under, critically, and over damped Flutter curves

Wrap your app, screen, or view with HotspotProvider

class HomeScreen extends StatelessWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const HotspotProvider(
      child: Scaffold(
        body: // ...
      ),
    );
  }
}

Add hotspot callouts to your widget tree

class Example extends StatelessWidget {
  const Example({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return IconButton(
      icon: const Icon(Icons.play_arrow),
      onPressed: () {
        // ...
      },
    ).withHotspot(
      order: 1,
      title: 'Tour It!',
      text: 'This is the first callout in the tour!',
    );
  }
}

Start a flow

HotspotProvider.of(context).startFlow()

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目

暂无相关数据。