loading_overlay_pro 2.0.1 copy "loading_overlay_pro: ^2.0.1" to clipboard
loading_overlay_pro: ^2.0.1 copied to clipboard

outdated

A new Flutter project with a simple widget wrapper set of loading animations for Flutter projects.

example/lib/main.dart

import 'dart:async';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:loading_overlay_pro/loading_overlay_pro.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) => MaterialApp(
        debugShowCheckedModeBanner: false,
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: DemoPage(),
      );
}

class DemoPage extends StatefulWidget {
  @override
  _DemoPageState createState() => _DemoPageState();
}

class _DemoPageState extends State<DemoPage> {
  bool _isLoading = false;

  bool _isIOS = false;

  void _submit() {
    setState(() {
      _isLoading = true;
    });

    Future.delayed(Duration(seconds: 3), () {
      setState(() {
        _isLoading = false;
      });
    });
  }

  @override
  Widget build(BuildContext context) => Scaffold(
        appBar: AppBar(
          title: Text('Loading Overlay Pro'),
          backgroundColor: Colors.blue,
        ),
        body: LoadingOverlayPro(
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [
                RaisedButton(
                  onPressed: () {
                    _isIOS = false;
                    _submit();
                  },
                  child: Text('Show Loading BouncingLine'),
                ),
                RaisedButton(
                  onPressed: () {
                    _isIOS = true;
                    _submit();
                  },
                  child: Text('Show Loading Custom IOS'),
                ),
              ],
            ),
          ),
          backgroundColor: _isIOS ? Colors.white : Colors.black54,
          isLoading: _isLoading,
          progressIndicator: _isIOS
              ? CupertinoActivityIndicator(radius: 100)
              : LoadingBouncingLine.circle(
                  backgroundColor: Colors.blue,
                  size: 150.0,
                  duration: Duration(seconds: 2),
                  borderColor: Colors.blue,
                ),
          headerLoading: _isIOS
              ? Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    FlutterLogo(),
                    SizedBox(width: 10),
                    Text(
                      "Loading Overlay Pro",
                      style: TextStyle(
                        fontSize: 20.0,
                      ),
                    ),
                  ],
                )
              : null,
          bottomLoading: _isIOS
              ? Text("Loading...", style: TextStyle(fontSize: 20.0))
              : null,
        ),
      );

  Widget test() {
    return LoadingOverlayPro(
      child: Center(
        child: RaisedButton(
          onPressed: () {
            _submit();
          },
          child: Text('Show Loading Custom IOS'),
        ),
      ),
      backgroundColor: _isIOS ? Colors.white : Colors.black54,
      isLoading: _isLoading,
      progressIndicator: _isIOS
          ? CupertinoActivityIndicator(radius: 100)
          : LoadingBouncingLine.circle(
              backgroundColor: Colors.blue,
              size: 150.0,
              duration: Duration(seconds: 2),
              borderColor: Colors.blue,
            ),
      headerLoading: Text("App Name"),
      bottomLoading: Text("Loading..."),
    );
  }
}
35
likes
0
points
809
downloads

Publisher

unverified uploader

Weekly Downloads

A new Flutter project with a simple widget wrapper set of loading animations for Flutter projects.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

cupertino_icons, flutter

More

Packages that depend on loading_overlay_pro