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

パッケージ詳細v1.1.2

popup_window

Androidネイティブウィンドウのようなダイアログを表示し、画面の位置によって表示できます。

30日間ダウンロード
19
いいね数
16
Pub ポイント
30

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

flutter pub add popup_window

パッケージ概要

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

PopupWindow は、Android のネイティブウィンドウ動作を模倣し、画面の正確な位置にダイアログ風のポップアップを表示できる Flutter パッケージです。特定の座標にコンテンツを表示する柔軟な方法を提供しており、コンテキストメニュー、ツールチップ、カスタムオーバーレイに最適です。動的配置をサポートし、既存の Flutter ウィジェットとスムーズに統合されます。追加の依存関係なしに、ポップアップ表示機能に特化した軽量なパッケージです。Flutter アプリでネイティブのようなポップアップ体験を求めている開発者向けに設計されています。

用途

  • コンテキストメニューの表示
  • ツールチップの作成
  • カスタムオーバーレイを表示する
  • フローティングアクションポップアップの実装
  • インタラクティブなUI要素の構築

主な機能

  • 位置ベースのポップアップ配置
  • Androidネイティブスタイルの外観
  • 軽量で最小限の依存関係
  • 動的配置をサポート
  • Flutter ウィジェットとの簡単な統合

適している対象

  • 正確なポップアップ配置が必要な開発者
  • ネイティブなダイアログ動作を必要とするアプリ
  • 浮遊要素を備えたUIコンポーネント
  • カスタムオーバーレイの実装
  • Androidスタイルのダイアログを備えたクロスプラットフォームアプリ

注意事項

  • スクリーン位置付きディスプレイに限定
  • 組み込みアニメーションなし
  • 非表示ロジックの手動処理が必要です
  • 複雑なダイアログワークフローには適していません
  • 正しい座標管理に依存する

元の README

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

popup_window

Screenshot

A library to display a view like window in android native.

Getting Started

1.Install

dependencies:
  popup_window: ^1.1.2

2.Import

import 'package:popup_window/popup_window.dart';

3.Usage


/// call directly
showWindow<T>(
        context: context,
        position: position, /// RelativeRect
        duration: widget.duration,
        windowBuilder: widget.windowBuilder,
        onWindowShow: widget.onWindowShow,
        onWindowDismiss: widget.onWindowDismiss);

or

/// windowHeigh = 200;
PopupWindowButton(
  offset: Offset(0, windowHeight),
  buttonBuilder: (BuildContext context) {
    return PopupWindowBtn();
  },
  windowBuilder: (BuildContext context, Animation<double> animation,
     Animation<double> secondaryAnimation) {
    return FadeTransition(
      opacity: animation,
      child: SizeTransition(
        sizeFactor: animation,
        child: Container(
          color: Colors.greenAccent,
          height: windowHeight,
        ),
      ),
    );
  },
  onWindowShow: () {
    print('PopupWindowButton window show');
  },
  onWindowDismiss: () {
     print('PopupWindowButton window dismiss');
  },
)

More detail see example: main.dart

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

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