import 'package:flutter/material.dart';
import 'package:flutter_fillbars/flutter_fillbars.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Demo',
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.green),
useMaterial3: true,
),
home: Scaffold(
appBar: AppBar(
backgroundColor: Colors.green,
title: const Text(
"Flutter Fillbars",
style: TextStyle(color: Colors.white),
),
),
body: const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Fillbar(
value: 50,
height: 30,
width: 180,
fillColor: Colors.green,
backgroundColor: Colors.greenAccent,
radius: 12,
direction: Direction.toRight,
duration: Duration(seconds: 20),
curve: Curves.easeIn,
text: null),
Fillbar(
value: 180,
height: 30,
width: 180,
fillColor: Colors.green,
backgroundColor: Colors.greenAccent,
radius: 12,
direction: Direction.toRight,
duration: Duration(seconds: 20),
curve: Curves.easeOutCirc,
text: null),
Fillbar.periodic(
value: 70,
height: 30,
width: 180,
fillColor: Colors.green,
backgroundColor: Colors.greenAccent,
radius: 12,
direction: Direction.toLeft,
text: null),
Fillbar.periodic(
value: 70,
height: 30,
width: 180,
fillColor: Colors.green,
backgroundColor: Colors.greenAccent,
radius: 12,
direction: Direction.toRight,
text: null),
Fillbar(
value: 90,
height: 30,
width: 180,
fillColor: Colors.green,
backgroundColor: Colors.greenAccent,
radius: 12,
direction: Direction.toRight,
duration: Duration(seconds: 10),
curve: Curves.easeIn,
text: Text("Filled",style: TextStyle(color: Colors.white),)),
],
),
),
));
}
}