FLUTTER ECOSYSTEM

animated_size_and_fade

Does a fade and size transition between widgets of different heights. Also used to show/hide a widget.

animated_size_and_fade cover
Latest version
5.1.1
30-day downloads
10.8K
Likes
245
Pub points
160

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Overview

A Flutter package that smoothly animates transitions between widgets with different heights using both fade and size changes. It's ideal for dynamically showing or hiding content, such as expanding/collapsing sections or revealing/hiding UI elements. The animation ensures visual continuity by interpolating both opacity and dimensions. It supports all major platforms including mobile, web, and desktop. The package is lightweight and integrates easily into existing Flutter apps.

Use cases
  • Showing/hiding collapsible content
  • Animating dynamic list items
  • Creating smooth UI transitions
  • Revealing hidden panels
  • Handling variable-height widget swaps
  • Improving user experience in responsive layouts
Key features
  • Smooth fade and size transition
  • Supports variable-height widgets
  • Simple API for show/hide logic
  • Cross-platform compatibility
  • Lightweight and performant
  • Built-in animation control
Suitable for
  • Developers needing fluid UI transitions
  • Apps with dynamic content visibility
  • Interactive forms or accordions
  • Responsive designs requiring animation
  • Teams prioritizing clean, maintainable code
Considerations
  • May not suit very complex animations
  • Performance depends on widget complexity
  • Not ideal for high-frequency updates
  • Requires careful handling of layout constraints
  • Limited customization beyond basic fade/size
  • Best used with predictable height changes
Supported platformsAndroidiOSWebmacOSWindowsLinux

Install package

flutter pub add animated_size_and_fade

Categories

Source repository

Related projects