LinearProgressIndicator Widget
Project Preview
- Interested in seeing the live demo? Click here to explore.
- Want to view the source code? Visit the project on GitHub.
Code Snippet
import 'package:flutter/material.dart';
class LinearProgressIndicatorWidget extends StatefulWidget {
const LinearProgressIndicatorWidget({super.key});
@override
State<LinearProgressIndicatorWidget> createState() =>
_LinearProgressIndicatorWidgetState();
}
class _LinearProgressIndicatorWidgetState
extends State<LinearProgressIndicatorWidget> with TickerProviderStateMixin {
late AnimationController controller;
@override
void initState() {
controller = AnimationController(
vsync: this,
duration: const Duration(seconds: 5),
)..addListener(() {
setState(() {});
});
controller.repeat(reverse: true);
super.initState();
}
@override
void dispose() {
controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("LinearProgressIndicator Widget"),
),
body: Padding(
padding: const EdgeInsets.all(40.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
LinearProgressIndicator(
value: controller.value,
),
const LinearProgressIndicator()
],
),
),
);
}
}