loading_progressbar 0.0.3

Flutter LoadingProgressbar Widget. You can pull out the progressbar Widget Whenever you want.

example/lib/main.dart

import 'dart:async';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_logcat/flutter_logcat.dart';
import 'package:loading_progressbar/loading_progressbar.dart';

void main() {
  Log.configure(visible: kDebugMode, tag: "Neander");

  runApp(MaterialApp(
    title: 'Flutter Demo',
    theme: ThemeData(
      colorScheme: ColorScheme.fromSeed(seedColor: Colors.blueAccent),
      useMaterial3: true,
    ),
    home: const MyHomePage(title: 'Flutter LoadingProgressbar Demo'),
  ));
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final LoadingProgressbarController controller = LoadingProgressbarController();
  Timer? timer;
  int count = 5;
  bool isProgressTextVisible = false;

  @override
  void initState() {
    super.initState();

    controller
      ..addEventListener((event, visible, progress) {
        Log.i("addEventListener.. event:$event, visible:$visible, progress:$progress");
        if (!visible) {
          timer?.cancel();
          timer = null;
        }
      },)
      ..addAnimatedEndListener((visible, progress) {
        Log.d("addAnimatedEndListener.. visible:$visible, progress:$progress");
      },);
  }

  @override
  void dispose() {
    controller.dispose();
      // ..removeEventListener(eventListener)
      // ..removeAnimatedEndEventListener(eventListener)

    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return LoadingProgressbar(
      progressbar: (context, progress) {
        return Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              const CircularProgressIndicator(
                color: Colors.yellowAccent,
              ),
              Visibility(
                visible: isProgressTextVisible,
                child: Text("$progress%",
                  style: DefaultTextStyle.of(context).style.copyWith(
                    color: Colors.yellow,
                    fontSize: 21.0,
                    decorationThickness: 0.0
                  ),
                ),
              )
            ],
          ),
        );
      },
      controller: controller,
      transitionDuration: const Duration(seconds: 1),
      child: Scaffold(
        backgroundColor: Colors.blueGrey,
        body: const Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('Home Screen',
                style: TextStyle(
                  color: Colors.white60,
                  fontSize: 28.0,
                ),
              ),
            ],
          ),
        ),
        floatingActionButton: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.end,
            children: [
              FloatingActionButton(
                heroTag: null,
                onPressed: () {
                  Log.d("LoadingProgressbar show()");
                  controller.show();
                },
                tooltip: 'Default LoadingProgressbar',
                child: const Icon(Icons.visibility),
              ),
              const SizedBox(height: 12.0,),
              FloatingActionButton(
                heroTag: null,
                onPressed: () {
                  Log.d("LoadingProgressbar hide() after 5 seconds");
                  controller.show();
                  if (count <= 0) {
                    count = 6;
                  }

                  timer = Timer.periodic(const Duration(seconds: 1), (timer) {
                    if (count <= 0) {
                      timer.cancel();
                      controller.hide();
                    } else {
                      setState(() {
                        count--;
                      });
                    }
                  },);

                },
                tooltip: 'Decrease 5 ~ 0',
                child: const Icon(Icons.visibility_off),
              ),
              const SizedBox(height: 12.0,),
              FloatingActionButton(
                heroTag: null,
                onPressed: () {
                  controller.show();
                  isProgressTextVisible = true;
                  Log.d("LoadingProgressbar increment setProgress(count--)");
                  Timer.periodic(const Duration(milliseconds: 250), (timer) {
                    if (controller.getProgress() >= 100) {
                      timer.cancel();
                      controller.hide();
                      isProgressTextVisible = false;
                    } else {
                      controller.setProgress(timer.tick);
                    }
                  },);
                },
                tooltip: 'Increment 0 ~ 100',
                child: const Icon(Icons.trending_up_outlined),
              ),
            ],
          ),
        ), // This trailing comma makes auto-formatting nicer for build methods.
      ),
    );
  }
}