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

GitHub 저장소Creativity-AI-Studio/flutter_animated_dialog

flutter_animated_dialog

슬라이드, 페이드, 회전, 크기 스케일, 3D 회전 애니메이션을 포함한 아름다운 애니메이션 시리즈를 가진 새로운 Flutter 대화 상자입니다.

flutter_animated_dialog 프로젝트 이미지
스타
23
포크
51
최근 푸시(UTC)
2024. 8. 18.
프로젝트 상태
활성

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

flutter_animated_dialog

A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations. Dialog barrier include status bar at the top of screen, solved the problem of default dialog.

demo

Getting Started

dependencies:
  flutter_animated_dialog: ^1.2.0
import 'package:flutter_animated_dialog/flutter_animated_dialog.dart';
showAnimatedDialog(
  context: context,
  barrierDismissible: true,
  builder: (BuildContext context) {
    return ClassicGeneralDialogWidget(
      titleText: 'Title',
      contentText: 'content',
      onPositiveClick: () {
        Navigator.of(context).pop();
      },
      onNegativeClick: () {
        Navigator.of(context).pop();
      },
    );
  },
  animationType: DialogTransitionType.size,
  curve: Curves.fastOutSlowIn,
  duration: Duration(seconds: 1),
);

🚀 Roadmap


default

fade

slideFromTop

slideFromBottom

slideFromBottomFade

slideFromLeft

slideFromLeftFade

slideFromRight

slideFromRightFade

scale

fadeScale

scaleRotate

rotate

rotate3D

size

sizeFade

generalDialog

listSingleSelect

listDialog

listMultipleSelect

customDialog
showAnimatedDialog param
property description
context BuildContext (Not Null)(required)
barrierDismissible bool (default false)
builder WidgetBuilder (Not Null)(required)
animationType DialogTransitionType (default DialogTransitionType.fade)
curve Curve (default Curves.linear)
duration Duration (default const Duration(milliseconds: 400))
alignment AlignmentGeometry (default Alignment.center)

Example

example

Creativity-AI-Studio GitHub avatar
GitHub 작성자

Creativity-AI-Studio ↗

언어DartObjective-CJava

분류

사용 중인 의존성

의존성 목록 2 개

  • flutter{"sdk":"flutter"}
  • flutter_test개발 의존성{"sdk":"flutter"}

프로젝트에 맞는 저장소를 선택하려면?

사용 목적에 따라 검색하고 개발 활동을 비교한 뒤 원본 저장소에서 요구 사항을 확인하세요.

  1. 이름, 작성자 또는 설명으로 검색하고 기술 주제로 범위를 좁힙니다.
  2. 스타, 포크, 최근 푸시를 함께 비교하세요. 스타는 관심의 지표이며 품질을 보장하지 않습니다.
  3. 사용하기 전에 GitHub에서 README, 라이선스, Issues를 확인하세요.

출처 및 관리

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗