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 |
|---|---|---|
 |
 |
 |
暫無相關資料。