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.