搜索插件、代码仓与 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

所属分类

源码仓库

使用此插件的项目

暂无相关数据。