widget_loading

Package Overview

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

WidgetLoading is a Flutter package that simplifies the process of displaying a loading animation when content is not yet available. It automatically hides the main widget and shows a customizable loading indicator, ensuring a smooth user experience during asynchronous operations. Ideal for scenarios like data fetching or initial app load, it supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux. The package is lightweight and easy to integrate with minimal boilerplate code.

Use cases

Displaying loading states during data fetch
Showing placeholders while waiting for API responses
Improving UX during initial app load
Replacing empty states with animated indicators
Simplifying conditional rendering of widgets

Key features

Automatic hiding of main widget
Customizable loading animation
Minimal setup required
Cross-platform compatibility
Supports async operations
Clean, readable API

Suitable for

Developers seeking simple loading state management
Apps with frequent data fetching
UIs requiring smooth transitions
Beginners learning Flutter state handling
Projects aiming for polished loading experiences

Considerations

Limited customization beyond basic animations
May require additional styling for complex UIs
Not suitable for non-async loading scenarios
Depends on external dependencies for advanced features
Best used in conjunction with other state management solutions

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Widget Loading

If you like this package, please leave a like there on pub.dev and star on GitHub.

Simple widgets for loading widget contents. It's an easy way to hide a widget when you have nothing to show and need a loading animation at the same time.

Easy Usage

Easy to use and highly customizable.

WiperLoading

WiperLoading(
  loading: loading,
  interval: interval,
  wiperDeformingFactor: deformingFactor,
  curve: curve,
  wiperBuilder: builder
  wiperWidth: wiperWidth,
  wiperColor: wiperColor,
  wiperBuilder: wiperBuilder,
  sizeCurve: sizeCurve,
  sizeDuration: sizeDuration,
  direction: wiperDirection,
  child: Padding(
    padding: const EdgeInsets.all(15.0),
    child: yourChild,
  ),
  ...
)

WiperLoading.future(future: futureOfYourWidget, ...)

CircularWidgetLoading

CircularWidgetLoading(
  loading: loading,
  child: yourChild,
  ...
)

Search packages, repositories and app categories

Install package