Easy Dialog는 기본 및 사용자 지정 대화 상자를 쉽게 만들 수 있도록 설계된 Flutter 패키지입니다. 다양한 플랫폼에서 알림, 확인 및 맞춤형 대화 인터페이스를 표시하기 위한 간단한 API를 제공합니다. 최소한의 설정으로 개발자는 앱 내에서 일관된 대화 경험을 빠르게 구현할 수 있습니다. 이 패키지는 Android, iOS, Web, macOS, Windows, Linux를 지원하여 크로스플랫폼 프로젝트에 적합합니다. 가벼운 성능과 명확한 문법은 반복 코드를 줄여 개발 효율성을 높입니다.
사용 사례
경고 및 확인 표시
사용자 지정 대화 상자 레이아웃 만들기
크로스 플랫폼 앱에서 사용자 프롬프트 구현
복잡한 UI에서 대화 관리 간소화
원본 대화 상자 구현을 통합된 스타일로 교체
주요 기능
간단하고 직관적인 API
사용자 정의 대화 내용 지원
크로스 플랫폼 호환성
최소한의 보일러플레이트
내장된 테마 및 스타일 옵션
pub.dev를 통한 간편한 통합
적합한 대상
초보자용 Flutter 개발자
일관된 대화 상자 디자인을 필요로 하는 프로젝트
크로스플랫폼 모바일 및 웹 애플리케이션
빠른 대화 상자 구현이 필요한 앱
경량 대화 상자 솔루션을 찾는 개발자
고려 사항
제한된 고급 애니메이션 컨트롤
사용자 정의 스타일링을 위해서는 Flutter 위젯에 대한 이해가 필요합니다
매우 복잡한 대화 워크플로우에 적합하지 않습니다
고급 기능을 사용하려면 추가 패키지가 필요할 수 있습니다
복잡한 모달 대신 표준 다이얼로그 사용 사례에 적합
원본 README
연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.
Easy Dialog package helps you easily create basic or custom dialogs.
For extended documentation visit project pub package.
Star ⭐ this repo if you like our project. We would love your support.
💾 Installation
In the dependencies: section of your pubspec.yaml, add the following line:
dependencies:easy_dialog:<latestversion>
📦 Usage
Import this class
import'package:easy_dialog/easy_dialog.dart';
Basic structure
EasyDialog(
title: Text("Basic Easy Dialog Title"),
description: Text("This is a basic dialog")).show(context);
🎯 Examples
Let start creating simple but beautiful dialogs.
Here you have some basic examples of what can you build and let your creativity fly.
Top image for decoration purpose with rounded top corners
title
Text("Alert")
Dialog title, located under topImage if exists
tittlePadding
EdgeInsets.only(left: 8.0,right: 8.0)
Title padding
description
Text("Connection error")
Dialog description, located between title and contentList
descriptionPadding
EdgeInsets.only(left: 8.0,right: 8.0)
Description padding
contentList
[
Text("This is an extra text line"),
FlatButton(onPressed: () {},
child: Text("Okay"),),
]
Optional widget list, located in order before description
contentPadding
EdgeInsets.all(12.0)
Content padding. It wraps all widgets including title and description
height
200
Dialog height
width
250
Dialog width
cornerRadius
15.0
Dialog corner radius
fogOpacity
0.5
Fog opacity, sets the black fog opacity behind our dialog from 0 to 1
closeButton
false
Close button enable/disable
🧱 How to Contribute
Fork it
Create your feature branch (git checkout -b my-new-feature)
Commit your changes (git commit -am 'Add some feature')
Push to the branch (git push origin my-new-feature)
Create new Pull Request
📃 MIT License
Copyright (c) 2019 ricardonior29
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Getting Started
For help getting started with Flutter, view our online documentation.
For help on editing package code, view the documentation.