搜索插件、代码仓与 APP 分类

easy_dialog 封面
插件详情v1.1.1

easy_dialog

Easy Dialog 包帮助您轻松创建基本或自定义对话框。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
104
喜欢数
39
Pub 分数
140

安装插件

flutter pub add easy_dialog

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Easy Dialog 是一个 Flutter 包,旨在简化基本和自定义对话框的创建。它提供了一个简单的 API,可在多个平台上显示警告、确认以及个性化对话框界面。通过最少的设置,开发者可以快速在应用中实现一致的对话框体验。该包支持 Android、iOS、Web、macOS、Windows 和 Linux,非常适合跨平台项目。其轻量级特性和清晰的语法减少了样板代码,提高了开发效率。

适合场景

  • 显示警报和确认
  • 创建自定义对话框布局
  • 在跨平台应用中实现用户提示
  • 简化复杂UI中的对话管理
  • 用统一样式替换原生对话框实现

主要特点

  • 简单直观的 API
  • 对自定义对话框内容的支持
  • 跨平台兼容性
  • 最小化样板代码
  • 内置主题和样式选项
  • 通过 pub.dev 轻松集成

适合对象

  • 初学者 Flutter 开发人员
  • 需要一致对话框设计的项目
  • 跨平台移动和Web应用
  • 需要快速对话框实现的应用程序
  • 寻求轻量级对话框解决方案的开发者

使用建议

  • 有限的高级动画控制
  • 自定义样式需要了解 Flutter widget
  • 不适合高度复杂的对话工作流
  • 可能需要额外的包以支持高级功能
  • 适用于标准对话框用例,而非复杂的模态框

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

logo

pub package  GitHub stars  GitHub     LinkedIn  LinkedIn
Open Source Love


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: <latest version>

📦 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.

Network

🎨 Customization and Attributes

All customizable attributes for easy_dialog

Attribute Name Example Value Description
topImage AssetImage("assets/topImage.png") 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

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. 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.

所属分类

源码仓库

使用此插件的项目

暂无相关数据。