loading_screen 1.0.0

A Flutter plugin to easily display and dispose standard or custom loading screens anywhere in your app.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:loading_screen/loading_screen.dart';

void main() {
  runApp(MaterialApp(
    theme: ThemeData(
      primarySwatch: Colors.blue,
      visualDensity: VisualDensity.adaptivePlatformDensity,
    ),
    home: MyApp(),
  ));
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    LoadingScreen().saveCustomWidgets({
      'custom1': CustomLoadingScreen(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Icon(
              Icons.check_circle_outline,
              color: Colors.green,
              size: 80.0,
            ),
            Padding(
                padding: EdgeInsets.only(top: 20.0),
                child: Text("let's start!"))
          ],
        ),
        backgroundColor: Colors.white,
      ),
      'custom2': CustomLoadingScreen(
        child: Icon(
          Icons.warning,
          color: Colors.yellow,
          size: 80.0,
        ),
        backgroundColor: Colors.red.withOpacity(0.8),
      ),
    });

    return Scaffold(
      appBar: AppBar(
        title: Text('Plugin example app'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            RaisedButton(
              child: Text("standard loading"),
              onPressed: () async {
                LoadingScreen().begin(context);
                await Future.delayed(
                    Duration(seconds: 2), () => LoadingScreen().end());
              },
            ),
            RaisedButton(
              child: Text("personalized loading"),
              onPressed: () async {
                LoadingScreen().begin(
                  context,
                  child: Icon(
                    Icons.backup,
                    color: Colors.white,
                  ),
                  message: "Uploading data...",
                  messageStyle: TextStyle(
                    color: Colors.white,
                    fontStyle: FontStyle.italic,
                  ),
                  backgroundColor: Colors.blue.withOpacity(0.5),
                );
                await Future.delayed(
                    Duration(seconds: 2), () => LoadingScreen().end());
              },
            ),
            RaisedButton(
              child: Text("custom1 loading"),
              onPressed: () async {
                LoadingScreen().beginCustom(context, identifier: 'custom1');
                await Future.delayed(
                    Duration(seconds: 2), () => LoadingScreen().end());
              },
            ),
            RaisedButton(
              child: Text("custom2 loading"),
              onPressed: () async {
                LoadingScreen().beginCustom(context, identifier: 'custom2');
                await Future.delayed(
                    Duration(seconds: 2), () => LoadingScreen().end());
              },
            ),
          ],
        ),
      ),
    );
  }
}