loading_notification

Uses Flutter Notifications to bubble up isLoading events. Good for showing a loading screen until all the containing Image / FutureBuilder widgets inside it have completed.

Crash course

Wrap multiple LoadingImage and/or LoadingFutureBuilder with a LoadingNotificationListener. When all of it's children are done loading, it will fire the onLoaded callback.

PRO TIP: You can create loading groups by nesting LoadingNotificationListeners. If you leave the onLoaded callback empty, it will bubble the event to it's ancestors.

LoadingNotificationListener(
  onLoaded: _handleLoaded,
  child: Column(
    children: <Widget>[
      LoadingFutureBuilder<String>(
        key: Key("Future"),
        future: Future<String>.delayed(Duration(seconds: 1))
            .then((_) => "Loaded!"),
        initialData: "Loading...",
        builder: (context, snap) {
          return Text(snap.data);
        },
      ),
      LoadingImage(
        key: Key("Image"),
        width: 100,
        height: 100,
        image: NetworkImage(
          "https://upload.wikimedia.org/wikipedia/commons/3/3d/LARGE_elevation.jpg",
        ),
      ),
    ],
  ),
),