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

ducafecatFlutter 生態導航
showcaseview 封面
套件詳情v5.1.0

showcaseview

一個用於逐步展示/強調組件的Flutter套件。

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

安裝套件

flutter pub add showcaseview

套件介紹

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

ShowcaseView 是一個 Flutter 套件，專門設計用來透過逐步強調特定組件，引導使用者了解應用程式功能。它會建立互動式的教練標記，吸引使用者注意關鍵的 UI 元素，非常適合用於引導流程或展示新功能。此套件支援多個平台，包括 Android、iOS、Web、macOS、Windows 和 Linux，確保跨裝置提供一致的使用者體驗。搭配可自訂的覆蓋層與流暢動畫，ShowcaseView 能提升使用者在初次使用應用時的參與度。

適用情境

  • 引導新使用者
  • 突出顯示新功能
  • 引導式應用導覽
  • 使用者訓練課程
  • 提高功能可發現性

主要特色

  • 逐步操作小部件高亮
  • 可自定義疊加設計
  • 平滑過渡動畫
  • 多平台支援
  • 與現有小部件的輕鬆整合
  • 可設定的點擊關閉行為

適合對象

  • 應用入門流程
  • 複雜應用中的功能介紹
  • 教育應用程式
  • 產品導覽
  • 使用者體驗改進措施

使用建議

  • 可能需要小心放置以避免遮蔽內容
  • 大量步驟帶來的效能影響
  • 需要在不同螢幕尺寸上進行測試
  • 有限的內建自訂功能，用於進階樣式
  • 不適用於持久性 UI 元素

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

Showcase View - Simform LLC.

ShowCaseView

Build showcaseview Awesome Flutter

A Flutter package that allows you to showcase/highlight your widgets step by step, providing interactive tutorials for your application's UI.

Check out other amazing open-source Flutter libraries and Mobile libraries developed by Simform Solutions!

Preview

For live web demo, visit ShowcaseView Web Example

The example app running on mobile

Features

  • Guide users through your app by highlighting specific widgets step by step.
  • Customize tooltips with titles, descriptions, actions, and styling.
  • Handles scrolling the widget into view for showcasing.
  • Support for custom tooltip widgets.
  • Animation and transition effects for tooltip.
  • Options to showcase multiple widgets at the same time.

Performance Gains on v5.x.x

Version 5.0.0+ delivers exceptional performance improvements that make ShowcaseView faster and more efficient than ever:

performance_boost

Performance metrics based on internal benchmarking tests performed on a mid-tier android device.

🚀 Memory Reduction
  • Optimized memory usage: Reduced from 1.8 MB to 0.6 MB
  • Significantly reduced memory footprint for better app performance
⚡ Faster Refresh
  • Smoother animations: Average FPS increased from 58 to 88 FPS
  • Better performance on lower-end devices and complex UI layouts
🎯 Quicker Rendering
  • Lightning-fast startup: Initial render time reduced from 68ms to 24ms
  • Dramatically improved time-to-interactive for showcases

Documentation

Visit our documentation site for all implementation details, usage instructions, code examples, and advanced features.

Installation

dependencies:
  showcaseview: <latest-version>

Support

For questions, issues, or feature requests, create an issue on GitHub or reach out via the GitHub Discussions tab. We're happy to help and encourage community contributions. To contribute documentation updates specifically, please make changes to the doc/documentation.md file and submit a pull request.

Main Contributors

img img img
Vatsal Tanna Sahil Totala Aditya Chavda
img img img
Sanket Kachchela Ujas Majithiya Happy Makadiya

License

This project is licensed under the MIT License - see the LICENSE file for details.

所屬分類

功能發現 - 教練標記

原始碼儲存庫

使用此套件的專案