flutter pub add animated_stack基于插件公开信息、社区数据与项目使用情况整理的选型参考。
AnimatedStack 是一个 Flutter 包，可实现自定义动画堆叠页面，非常适合设计带有平滑过渡效果的交互式侧边菜单按钮。它为构建动态导航界面提供了灵活的基础，允许开发者叠加小部件并动画化其可见性和位置。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 等多个平台，适用于跨平台应用。通过直观的配置选项，它通过流畅的动画和响应式设计提升了用户体验。其轻量级特性确保了在各种设备上的高效性能。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Custom animated stacked pages, to create customisable side menu buttons. Providing simple menu for sharing buttons, side menu, message sending, about page, ... etc.
At first, you have to create Foreground and Background Widgets.
Here is a simple example to meet minimum requirements.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Animated Stack Demo',
theme: ThemeData(
splashColor: Colors.transparent,
highlightColor: Colors.transparent,
),
home: AnimatedStack(
backgroundColor: Colors.white,
fabBackgroundColor: Colors.black,
foregroundWidget: ..., // Main page
columnWidget: ..., // Right widget, preferably Column
bottomWidget: ...,// Right widget, preferably Row
),
);
}
}
Here's all what you can customize in this widget!
AnimatedStack(
backgroundColor: ..., // Background Container color
foregroundWidget: ..., // Foreground Container color
columnWidget: ..., // Right Widget, (use Column for best results)
bottomWidget: ..., // Bottom Widget, (use Row for best results)
scaleHeight: 100, // Sliding animation height, default is 60
scaleWidth: 100, // Sliding animation width, default is 60
buttonIcon: ..., // FAB icon (IconData)
fabIconColor: ..., // FAB icon color
animateButton: false, // Sometimes, we don't want to animate the button!
fabBackgroundColor: ..., // FAB background color
slideAnimationDuration: ..., // Animation Duration, default is 800 Milliseconds
buttonAnimationDuration: ...,// Animation Duration, default is 240 Milliseconds
openAnimationCurve: ..., // Animation Curve, default is ElasticOutCurve(0.9)
closeAnimationCurve: ..., // Animation Curve, default is ElasticInCurve(0.9)
enableClickToDismiss: true, // Enable Click on Main Widget to close
preventForegroundInteractions: true, // Prevent Clicks on Main Widget
onForegroundCallback: () => print('on Close Callback'), // On Close Callback
);
MIT License.