flutter pub add flutter_awesome_bottom_sheet基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个 Flutter 包，可让开发者快速轻松地显示视觉上吸引人的底部弹出窗口作为确认对话框。设计简洁，实现迅速，通过流畅的动画和可自定义的布局增强用户交互体验。适用于需要用户确认或快速操作但无需离开当前屏幕的场景。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台，确保在各种设备上行为一致。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Add flutter_awesome_bottom_sheet: <later-version> to your pubspec.yaml dependencies. And import it:
import 'package:flutter_awesome_bottom_sheet/flutter_awesome_bottom_sheet.dart';
create object
final AwesomeBottomSheet _awesomeBottomSheet = AwesomeBottomSheet();
Simple Awesome Sheet
_awesomeBottomSheet.show(
context: context,
title: const Text("Lorem Ipsum"),
description: const Text("Flutter Awesome Bottom sheet content here..."),
color: CustomSheetColor(
mainColor: const Color(0xff2979FF),
accentColor: const Color(0xff0D47A1),
iconColor: Colors.white,
),
positive: AwesomeSheetAction(
onPressed: () {
Navigator.of(context).pop();
},
title: 'CANCEL',
),
);
_awesomeBottomSheet.show(
...
positive: AwesomeSheetAction(
onPressed: () {
Navigator.of(context).pop();
},
title: 'DELETE',
),
negative: AwesomeSheetAction(
onPressed: () {
Navigator.of(context).pop();
},
title: 'CANCEL',
),
);
Add Icons in content and action button
_awesomeBottomSheet.show(
...
icon: Icons.signal_cellular_connected_no_internet_4_bar,
positive: AwesomeSheetAction(
onPressed: () {
Navigator.of(context).pop();
},
title: 'OPEN SETTING',
icon: Icons.settings,
),
negative: AwesomeSheetAction(
onPressed: () {
Navigator.of(context).pop();
},
title: 'CANCEL',
),
);
_awesomeBottomSheet.show(
...
color: CustomSheetColor(
mainColor: Colors.white,
accentColor: const Color(0xff5A67D8),
iconColor: const Color(0xff5A67D8),
),
...
);
| Simple | Action | Icon |
|---|---|---|
 |
 |
 |
暂无相关数据。