パッケージ、リポジトリ、アプリカテゴリを検索

showcaseview のカバー
パッケージ詳細v5.1.0

showcaseview

ステップバイステップでウィジェットを紹介・強調表示するためのFlutterパッケージ。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
26.3万
いいね数
3130
Pub ポイント
150

パッケージをインストール

flutter pub add showcaseview

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

ShowcaseView は、特定のウィジェットを段階的に強調することで、ユーザーがアプリの機能を理解するのを支援するための Flutter パッケージです。重要な UI 要素に注目を向けるインタラクティブなコーチマークを作成し、オンボーディングや新しい機能の紹介に最適です。Android、iOS、Web、macOS、Windows、Linux など複数のプラットフォームをサポートしており、デバイス間で一貫したユーザー体験を実現します。カスタマイズ可能なオーバーレイと滑らかなアニメーションにより、アプリ初期の相互作用におけるユーザー参加度を高めます。

用途

  • 新規ユーザーのオンボーディング
  • 新しい機能の強調
  • ガイド付きアプリツアー
  • ユーザー研修セッション
  • 機能の発見性の向上

主な機能

  • ステップバイステップウィジェットのハイライト
  • カスタマイズ可能なオーバーレイデザイン
  • スムーズなトランジションアニメーション
  • マルチプラットフォーム対応
  • 既存のウィジェットとの簡単な統合
  • カスタマイズ可能なタップで非表示の動作

適している対象

  • アプリオンボーディングフロー
  • 複雑なアプリにおける機能紹介
  • 教育アプリケーション
  • 製品のウォークスルー
  • UX改善イニシアチブ

注意事項

  • コンテンツを隠さないように注意深く配置する必要がある場合があります
  • 多数のステップによるパフォーマンスへの影響
  • さまざまな画面サイズでのテストが必要です
  • 高度なスタイリングのための限定的な組み込みカスタマイズ
  • 永続的な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.

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト