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

top_modal_sheet 封面
插件详情v2.1.0

top_modal_sheet

一个纯 Dart 实现的简单顶部模态对话框。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
1700
喜欢数
31
Pub 分数
160

安装插件

flutter pub add top_modal_sheet

插件介绍

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

一种轻量级的纯 Dart 实现,用于从屏幕顶部滑出的模态面板。设计简洁,易于集成,提供干净的界面来显示表单、菜单或警告等内容,无需复杂的依赖。兼容所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux。非常适合希望使用最小化、可自定义的替代方案来取代标准底部面板的开发者。

适合场景

  • 显示表单输入
  • 显示操作菜单
  • 显示警报或通知
  • 实现可折叠的内容面板
  • 创建自定义叠加层

主要特点

  • 纯 Dart 实现
  • 跨平台兼容性
  • 简单 API
  • 可自定义动画
  • 轻量且快速
  • 支持拖动关闭

适合对象

  • 希望使用最小化顶部面板的开发者
  • 依赖限制严格的项目
  • 面向多个平台的应用程序
  • 需要平滑过渡的UI组件
  • 可自定义的覆盖层设计

使用建议

  • 有限的内置样式选项
  • 无原生平台特定行为
  • 需要手动处理关闭逻辑
  • 不适合复杂的嵌套布局
  • 可能需要额外的代码以支持无障碍功能

原始 README

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

pub package

top_modal_sheet

Simple modal sheet that appears from the top of the screen

Installations

Add top_modal_sheet: ^2.1.0 in your pubspec.yaml dependencies. And import it:

import 'package:top_modal_sheet/top_modal_sheet.dart';

How to use

Simply call showModalTopSheet to display it

MaterialButton(
  color: Colors.white,
  elevation: 5,
  child: const Text("Show TopModal 1"),
  onPressed: () async {
    var value = await showTopModalSheet<String?>(context, DummyModal());
    setState(() { _topModalData = value; });
  },
)

For a more detail example please take a look at the example folder.

Example

-

If something is missing, feel free to open a ticket or contribute!

所属分类

源码仓库

使用此插件的项目

暂无相关数据。