搜尋套件、儲存庫與 APP 分類

套件詳情v0.0.2

slide_popup_dialog

帶有滑動機制的彈出對話框。用法類似於 AlertDialog 或 SimpleDialog。

近 30 天下載
41
喜歡數
108
Pub 分數
40

安裝套件

flutter pub add slide_popup_dialog

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

一個 Flutter 套件,提供帶有滑入動畫的彈出對話方塊,帶來流暢且互動性強的使用者體驗。它模擬標準對話方塊(如 AlertDialog 或 SimpleDialog)的行為,但增加了滑動過渡效果,以增強視覺反饋。非常適合從螢幕邊緣出現的輕量級、動畫化彈窗,支援自訂,同時保持簡單易用與易於整合。此套件設計直覺,與現有的 Flutter 對話方塊模式相容。

適用情境

  • 互動式入門提示
  • 快速操作提示
  • 帶動畫的模態警告
  • 使用者確認對話方塊
  • 表單驗證反饋

主要特色

  • 滑入動畫效果
  • 類似於 AlertDialog 的簡單 API
  • 可自訂外觀
  • 輕量且快速
  • 與標準 Flutter 小部件相容

適合對象

  • 尋求動畫對話的開發者
  • 具有現代用戶介面設計的應用程式
  • 需要微妙過渡的移動應用
  • 原型設計互動元素
  • 使用標準對話模式的專案

使用建議

  • 有限的平台特定行為
  • 不支援複雜佈局的內建功能
  • 可能需要額外的樣式以支援深色模式
  • 未針對大容量內容進行優化
  • 動畫可能會影響低階裝置的效能

原始 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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。