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

패키지 상세v0.0.2

slide_popup_dialog

슬라이드 메커니즘을 갖춘 팝업 다이얼로그입니다. AlertDialog 또는 SimpleDialog처럼 사용하세요.

30일 다운로드
41
좋아요
108
Pub 점수
40

패키지 설치

flutter pub add slide_popup_dialog

패키지 개요

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

슬라이드 인 애니메이션을 제공하는 플러터 패키지로, 부드럽고 상호작용 가능한 사용자 경험을 제공합니다. AlertDialog 또는 SimpleDialog와 같은 표준 대화상자의 동작을 모방하지만, 시각적 피드백을 향상시키기 위해 슬라이딩 전환을 추가합니다. 화면 가장자리에서 나타나는 가벼운 애니메이션 팝업에 적합하며, 사용자 정의를 지원하면서도 간단함과 통합 용이성을 유지합니다. 기존 플러터 다이얼로그 패턴과 호환되며 직관적인 디자인을 갖추고 있습니다.

사용 사례

  • 인터랙티브 온보딩 팁
  • 빠른 작업 프롬프트
  • 애니메이션을 사용한 모달 알림
  • 사용자 확인 대화상자
  • 양식 검증 피드백

주요 기능

  • 슬라이드 인 애니메이션 효과
  • AlertDialog와 유사한 간단한 API
  • 사용자 정의 가능한 외관
  • 경량이고 빠름
  • 표준 Flutter 위젯과 호환됩니다

적합한 대상

  • 애니메이션 대화를 찾는 개발자
  • 현대적인 UI 디자인을 가진 앱
  • 미묘한 전환을 필요로 하는 모바일 앱
  • 인터랙티브 요소 프로토타이핑
  • 표준 대화 패턴을 사용하는 프로젝트

고려 사항

  • 제한된 플랫폼별 동작
  • 복잡한 레이아웃에 대한 내장 지원 없음
  • 다크 모드용 추가 스타일링이 필요할 수 있습니다
  • 대용량 콘텐츠에 최적화되지 않음
  • 애니메이션은 저사양 장치의 성능에 영향을 줄 수 있습니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

slide_popup_dialog

Popup dialog with slide mechanism. Use it like AlertDialog or SimpleDialog.

Gif Example

How to use

  1. Add slide_popup_dialog to your package's pubspec.yaml, then intall it.

  2. Import package.

import 'package:slide_popup_dialog/slide_popup_dialog.dart' as slideDialog;
  1. Add this method to your State Widget.
void _showDialog() {
  slideDialog.showSlideDialog(
    context: context,
    child: Text("Hello World"),
  );
}

Code Example

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({Key key, this.title}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: RaisedButton(
          child: Text("Press to open dialog"),
          onPressed: _showDialog,
        ),
      ),
    );
  }

  void _showDialog() {
    slideDialog.showSlideDialog(
      context: context,
      child: Text("Hello World"),
      barrierColor: Colors.white.withOpacity(0.7),
      pillColor: Colors.red,
      backgroundColor: Colors.yellow,
    );
  }
}

Gif Example

카테고리

소스 저장소

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

아직 데이터가 없습니다.