flutter pub add rubber根據套件公開資料產生的選型評估，僅供參考。
Rubber 是一個適用於 Flutter 的靈活底部面板小部件，提供可自訂的材質風格彈簧動畫。它能在展開或收合時實現順暢、彈性的過渡效果，提升使用者互動體驗，帶來回應迅速且流暢的行為。非常適合用於對話方塊、側邊欄或任何需要動態由下往上呈現的 UI 元件。Rubber 支援所有主要平台，包含 Android、iOS、Web、macOS、Windows 與 Linux。其動畫系統建構於 Flutter 的物理引擎之上，讓開發者能夠精細調整彈跳效果與回應性。此套件輕量且能無縫整合至現有的 Flutter 應用程式中。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
An elastic material bottom sheet implementation for Flutter.
Requires Flutter 3.44 or later and Dart 3.12 or later.
This is still an early preview, some behaviors can change or being removed. Every feedback, bug report or feature request is welcome, please send it at the issue tracker
Follow the Quick Start to add it to your project. Is also available the complete example in the repository to preview the library on your device.
Common interaction options can be configured directly on the sheet:
RubberBottomSheet(
animationController: controller,
lowerLayer: const MyBackground(),
upperLayer: const MySheetContent(),
draggable: true,
snapThreshold: 0.4,
minFlingVelocity: 700,
completeFlingVelocity: 5000,
scrimColor: Colors.black54,
onScrimTap: controller.collapse,
);
Use strict bounds when the elastic overscroll effect is not appropriate:
final controller = RubberAnimationController(
vsync: this,
duration: const Duration(milliseconds: 250),
boundsBehavior: RubberAnimationBoundsBehavior.strict,
);
Use controller.addListener(...) to observe the position continuously. Status
listeners report direction and boundary transitions (forward, reverse,
completed, and dismissed). Pixel bounds are automatically recalculated
after size and orientation changes.
 |
 |