76 lines
2.1 KiB
Dart
76 lines
2.1 KiB
Dart
import 'package:fiszki_projekt/configs/constants.dart';
|
|
import 'package:fiszki_projekt/notifiers/flashcards_notifier.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class ProgressBar extends StatefulWidget {
|
|
const ProgressBar({super.key});
|
|
|
|
@override
|
|
State<ProgressBar> createState() => _ProgressBarState();
|
|
}
|
|
|
|
class _ProgressBarState extends State<ProgressBar>
|
|
with SingleTickerProviderStateMixin {
|
|
late AnimationController _controller;
|
|
|
|
//wartości aby wiedzieć jak zanimować progress bar
|
|
double progressBarState1 = 0.0;
|
|
double progressBarState2 = 0.0;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = AnimationController(
|
|
duration: const Duration(milliseconds: constProgressBarIncreaseDuration),
|
|
vsync: this,
|
|
);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void startAnim() {
|
|
_controller.reset();
|
|
_controller.forward();
|
|
progressBarState1 = progressBarState2;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final screenSize = MediaQuery.of(context).size;
|
|
return Consumer<FlashcardsNotifier>(
|
|
builder: (_, notifier, __) {
|
|
progressBarState2 = notifier.percentComplete;
|
|
if (progressBarState2 == 0) {
|
|
progressBarState1 = 0;
|
|
}
|
|
var animation =
|
|
Tween<double>(begin: progressBarState1, end: progressBarState2)
|
|
.animate(CurvedAnimation(
|
|
parent: _controller, curve: Curves.easeInOutCubic));
|
|
|
|
startAnim();
|
|
|
|
return AnimatedBuilder(
|
|
animation: _controller,
|
|
builder: (context, child) => Padding(
|
|
padding: EdgeInsets.all(screenSize.width * 0.05),
|
|
child: ClipRRect(
|
|
borderRadius:
|
|
BorderRadius.circular(constBorderRadiusElevatedButtons),
|
|
child: LinearProgressIndicator(
|
|
minHeight: screenSize.height * 0.03,
|
|
value: animation.value,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|