搜尋套件、儲存庫與 APP 分類

ducafecatFlutter 生態導航
hotspot 封面
套件詳情v0.1.3

hotspot

簡單的旅遊、教練標記和教學。只要標記您的組件即可！

AndroidiOSWebmacOSWindowsLinux
pub.dev API 文件 原始碼
近 30 天下載
112
喜歡數
158
Pub 分數
150

安裝套件

flutter pub add hotspot

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

Hotspot 是一個 Flutter 套件，透過允許開發者將註解標記到元件上，實現簡單且可自訂的導覽、教練標記與教學。它透過視覺強調與提示工具協助使用者了解應用程式功能，提升入門體驗與功能探索。此套件支援多個平台，包括 Android、iOS、Web、macOS、Windows 與 Linux，非常適合跨平台應用。僅需最少設定，Hotspot 即可無縫整合至現有介面中，提供直覺方式突出顯示關鍵元素，而無需複雜程式碼。對於希望透過互動式走查來提升使用者參與度的應用來說，特別實用。

適用情境

  • 引導新使用者
  • 突出顯示新功能
  • 引導式應用教程
  • 應用內的使用者教育
  • 改進複雜介面的使用者體驗

主要特色

  • 用於引導提示的控件標記
  • 跨平台支援
  • 最小設定
  • 可自定義的工具提示
  • 流暢的動畫
  • 與現有使用者介面輕鬆整合

適合對象

  • 應用入門流程
  • 複雜應用中的功能介紹
  • 教育或企業應用
  • 尋求快速實施的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 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。