搜索插件、代码仓与 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.

所属分类

功能发现 - 教练标记

源码仓库

使用此插件的项目