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

o_popup のカバー
パッケージ詳細v1.0.1

o_popup

戻るボタンを押すと、開いた場所またはポインターが画面に触れられた位置に戻って閉じられるオーバーレイコンテンツです。これは、ポップアップがタップジェスチャーをサポートしていることを意味します。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
41
いいね数
26
Pub ポイント
140

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

flutter pub add o_popup

パッケージ概要

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

o_popup は、戻るボタンを押すか、ポインターが画面に最初に触れられた位置に戻ることで閉じられるオーバーレイコンテンツウィジェットを提供するFlutterパッケージです。タップジェスチャーをサポートしており、ユーザー入力に対して自然に反応するインタラクティブなポップアップに最適です。ポップアップは滑らかに配置され、元の位置に戻るため、あらゆるプラットフォームでのユーザーエクスペリエンスが向上します。特にAndroid、iOS、Web、macOS、Windows、Linux向けアプリにおけるコンテキストメニュー、ツールチップ、一時的なオーバーレイに役立ちます。

用途

  • コンテキストアクションメニュー
  • ツールチップとヒント
  • 一時的な情報オーバーレイ
  • ジェスチャーに基づくポップアップ
  • 完全なモダリティなしのモーダルに似たインタラクション
  • クイック設定パネル

主な機能

  • 戻るボタンで自動的に閉じる
  • キャンセル時にタッチポイントに戻る
  • スムーズなアニメーション
  • クロスプラットフォーム対応
  • タップジェスチャー認識
  • カスタマイズ可能なオーバーレイコンテンツ

適している対象

  • インタラクティブUIを構築する開発者
  • 軽量なポップアップが必要なアプリ
  • クロスプラットフォームモバイルおよびWebアプリ
  • ジェスチャーのフィードバックを備えたユーザーエクスペリエンス重視のインターフェース
  • シンプルなモーダルの代替案

注意事項

  • 慎重な配置論理が必要になる可能性があります
  • 複雑なネストされたダイアログには適していません
  • パフォーマンスはオーバーレイの複雑さに依存します
  • 高度なレイアウトのカスタマイズが限られている
  • シンプルで一時的なコンテンツと併用するのが最適です

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

License: MIT style: effective dart Travis CI


Description

An overlaid content, which closes itself into opening place (on back button) or into the position where the pointer contacted the screen. It means, popup supports tap gesture!

Implementation

First of all, you need to install the package.

The second step is to create a popup. I recommend to use OPopupTrigger class in order to simply create the popup as in the example. It pushes OPopupOverlay widget into Navigation stack, thus a user can dismiss the popup by back button or by tapping anywhere on a screen. In the OPopupTrigger class you can also set barrierDismissible to false (to prevent dismissing popup by taping anywhere) and for example create a button, which pops the popup from Navigator stack (Navigator.of(context).pop()) in order to close the popup - like buttons in the example.

Customization

If you do not want to use OPopupContent class as a content of a popup triggered by OPopupTrigger you should skip popupHeader and popupActionRow fields and set your own widget to popupContent field. It gives you an ability to fully customize the content of the popup: size, alignment etc.

You can also overwrite OPopupContent (create a class which extends OPopupContent), customize it inside your own class and set your version of OPopupContent to OPopupTrigger.popupContent (also do not set popupHeader and popupActionRow in order to omit original OPopupContent).

Documentation

Extended documentation is available on pub.dev.

Commercial Use

If you use this code in commercial project, please donate me via GitHub Sponsors. I do the same for packages which I use, because it ensures stable development for all of us!

カテゴリー

ソースリポジトリ

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

データはまだありません。