패키지, 저장소 및 앱 카테고리 검색

패키지 상세v1.1.2

popup_window

Android 네이티브 창과 유사한 대화 상자를 표시하며 화면 위치에 따라 표시할 수 있습니다.

30일 다운로드
19
좋아요
16
Pub 점수
30

패키지 설치

flutter pub add popup_window

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

PopupWindow은 Android의 네이티브 창 동작을 모방하여 화면에 정확한 위치에 대화상자 유사 팝업을 표시할 수 있는 Flutter 패키지입니다. 특정 좌표에 콘텐츠를 표시하는 유연한 방법을 제공하며, 컨텍스트 메뉴, 툴팁 또는 사용자 지정 오버레이에 적합합니다. 동적 위치 조정을 지원하고 기존 Flutter 위젯과 원활하게 통합됩니다. 추가 종속성 없이 팝업 표시 기능에만 집중하는 가벼운 패키지입니다. Flutter 앱에서 네이티브와 유사한 팝업 경험을 원하는 개발자를 위한 것입니다.

사용 사례

  • 컨텍스트 메뉴 표시
  • 툴팁 만들기
  • 사용자 지정 오버레이 표시
  • 플로팅 액션 팝업 구현
  • 인터랙티브 UI 요소 만들기

주요 기능

  • 기준 위치 기반 팝업 배치
  • 안드로이드 네이티브 스타일 외관
  • 경량이며 최소한의 종속성
  • 동적 위치 지정을 지원
  • 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 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.