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

套件詳情v1.1.2

popup_window

顯示一個類似原生 Android 窗口的對話框,可依螢幕位置顯示。

近 30 天下載
19
喜歡數
16
Pub 分數
30

安裝套件

flutter pub add popup_window

套件介紹

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

PopupWindow 是一個 Flutter 套件,可實現精確顯示於螢幕上的類似對話框的彈出視窗,模擬 Android 原生視窗行為。它提供了一種靈活的方式,在特定座標處顯示內容,非常適合上下文選單、工具提示或自訂覆蓋層。該套件支援動態定位,並能與現有的 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 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。