flutter pub add animated_size_and_fade根據套件公開資料產生的選型評估，僅供參考。
一個 Flutter 套件，透過同時使用漸隱與尺寸變更，平滑地動畫化不同高度的 widget 之間的過渡。非常適合動態顯示或隱藏內容，例如展開/收起區段或顯示/隱藏 UI 元素。此動畫透過插值不透明度和尺寸來確保視覺連續性。支援所有主要平台，包括行動裝置、網頁和桌面。該套件輕量且可輕鬆整合至現有的 Flutter 應用程式中。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
The AnimatedSizeAndFade widget allows you to:
To do a fade and size transition when you change the child widget,
the "old" and the "new" child must have the same width,
but can have different heights,
and you don't need to know their sizes in advance.
You can also define a duration and curve for both the fade and the size, separately.
Important: If the "new" child is the same widget type as the "old" child, but with different
parameters, then AnimatedSizeAndFade will NOT do a transition between them, since as far as
the framework is concerned, they are the same widget, and the existing widget can be updated with
the new parameters. To force the transition to occur, set a Key (typically a ValueKey
taking any widget data that would change the visual appearance of the widget) on each child widget
that you wish to be considered unique.
Example:
bool toggle=true;
Widget widget1 = ...;
Widget widget2 = ...;
AnimatedSizeAndFade(
child: toggle ? widget1 : widget2
);
The AnimatedSizeAndFade.showHide constructor may be used to show/hide a widget, by resizing it
vertically while fading.
Example:
bool toggle=true;
Widget widget = ...;
AnimatedSizeAndFade.showHide(
show: toggle,
child: widget,
);
With AnimatedCrossFade you must provide both the firstChild and secondChild
at the same time, but with AnimatedSizeAndFade you may simply change its child.
With AnimatedSwitcher you may simply change its child, but then it only animates
the fade, not the size.
AnimatedContainer only works if you know the size of the children in advance.
Note: See the StackOverflow question that prompted this widget development.
glasberg.dev
github.com/marcglasberg
linkedin.com/in/marcglasberg/
twitter.com/glasbergmarcelo
stackoverflow.com/users/3411681/marcg
medium.com/@marcglasberg
My article in the official Flutter documentation:
The Flutter packages I've authored:
My Medium Articles: