搜尋套件、儲存庫與 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.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。