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.
 |
 |