bd_progress_bar 0.0.9 
bd_progress_bar: ^0.0.9 copied to clipboard
darray.coAwesome Progress Bar that allow you to make a nice design using that.
import 'package:bd_progress_bar/bdprogreebar.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Login Screen 1',
theme: new ThemeData(
primarySwatch: Colors.blue,
),
home: new MyHomePage(),
debugShowCheckedModeBanner: false,
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
body: Container(
height: MediaQuery.of(context).size.height,
child: SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
column1(context),//example go bellow
column2(context),//example go bellow
column3(context),//example go bellow
],
),
),
),
);
}
column1(context) {
return Container(
height: MediaQuery.of(context).size.height,
child: Center(
child: Container(
width: MediaQuery.of(context).size.width * .3,
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(new ClipboardData(
text: 'ColorLoader(\n'
'colors: ,\n'
'backColors: ,\n)'));
},
child: Text("ColorLoader")),
Container(
child: Center(
child: ColorLoader(
colors: Colors.red,
backColors: Colors.amber,
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(new ClipboardData(
text: 'ColorLoader2(\n'
'Color color1: ,\n'
'Color color2: ,\n'
'Color color3: ,\n'
'bool border1Revers: ,\n'
'bool border2Revers: ,\n'
'border3Revers: ,\n'
')'));
},
child: Text("ColorLoader2")),
Container(
child: Center(
child: ColorLoader2(
color1: Colors.red,
color2: Colors.blue,
color3: Colors.green,
border1Revers: true,
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(new ClipboardData(
text: 'ColorLoader3(\n'
'mainBall: ,\n'
'subBall: ,\n'
'reverse: ,\n'
'onOff: ,\n'
'color:[],\n'
')'));
},
child: Text("ColorLoader3")),
Container(
child: Center(
child: ColorLoader3(mainBall: 20.0, subBall: 10.0, reverse: false,),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader4(\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,\ndotType: DotType.circle\n)'));
},
child: Text("ColorLoader4")),
Container(
child: Center(
child: ColorLoader4(
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
dotType: DotType.circle),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader4(\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,\ndotType: DotType.diamond\n)'));
},
child: Text("ColorLoader4")),
Container(
child: Center(
child: ColorLoader4(
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
dotType: DotType.diamond),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader4(\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,\ndotType: DotType.square\n)'));
},
child: Text("ColorLoader4")),
Container(
child: Center(
child: ColorLoader4(
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
dotType: DotType.square),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader4(\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,\ndotType: DotType.icon\n)'));
},
child: Text("ColorLoader4")),
Container(
child: Center(
child: ColorLoader4(
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
dotType: DotType.icon),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader6()'));
},
child: Text("ColorLoader6")),
Container(
child: Center(
child: ColorLoader6(),
),
),
],
),
],
),
),
),
);
}
column2(context) {
return Container(
height: MediaQuery.of(context).size.height,
child: Center(
child: Container(
width: MediaQuery.of(context).size.width * .3,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader5(dotType: DotType.circle,\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,)'));
},
child: Text("ColorLoader5")),
Container(
child: Center(
child: ColorLoader5(
dotType: DotType.circle,
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader5(dotType: DotType.diamond,\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,)'));
},
child: Text("ColorLoader5")),
Container(
child: Center(
child: ColorLoader5(
dotType: DotType.diamond,
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader5(dotType: DotType.square,\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,)'));
},
child: Text("ColorLoader5")),
Container(
child: Center(
child: ColorLoader5(
dotType: DotType.square,
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader5(dotType: DotType.icon,\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,)'));
},
child: Text("ColorLoader5")),
Container(
child: Center(
child: ColorLoader5(
dotType: DotType.icon,
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader5(dotType: DotType.iconAdd,\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,)'));
},
child: Text("ColorLoader5")),
Container(
child: Center(
child: ColorLoader5(
dotType: DotType.iconAdd,
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader5(dotType: DotType.iconArrow,\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,)'));
},
child: Text("ColorLoader5")),
Container(
child: Center(
child: ColorLoader5(
dotType: DotType.iconArrow,
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader5(dotType: DotType.iconBright,\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,)'));
},
child: Text("ColorLoader5")),
Container(
child: Center(
child: ColorLoader5(
dotType: DotType.iconBright,
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader5(dotType: DotType.iconDonut,\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,)'));
},
child: Text("ColorLoader5")),
Container(
child: Center(
child: ColorLoader5(
dotType: DotType.iconDonut,
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader5(dotType: DotType.iconForward,\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,)'));
},
child: Text("ColorLoader5")),
Container(
child: Center(
child: ColorLoader5(
dotType: DotType.iconForward,
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
),
),
),
],
),
],
),
),
),
);
}
column3(context) {
return Container(
height: MediaQuery.of(context).size.height,
child: Center(
child: Container(
width: MediaQuery.of(context).size.width * .3,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader4(\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,\ndotType: DotType.iconForward\n)'));
},
child: Text("ColorLoader4")),
Container(
child: Center(
child: ColorLoader4(
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
dotType: DotType.iconForward),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader4(\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,\ndotType: DotType.iconDonut\n)'));
},
child: Text("ColorLoader4")),
Container(
child: Center(
child: ColorLoader4(
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
dotType: DotType.iconDonut),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader4(\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,\ndotType: DotType.iconBright\n)'));
},
child: Text("ColorLoader4")),
Container(
child: Center(
child: ColorLoader4(
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
dotType: DotType.iconBright),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader4(\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,\ndotType: DotType.iconArrow\n)'));
},
child: Text("ColorLoader4")),
Container(
child: Center(
child: ColorLoader4(
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
dotType: DotType.iconArrow),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader4(\ndotOneColor: Colors.red,\ndotTwoColor: Colors.blue,\ndotThreeColor: Colors.green,\ndotType: DotType.iconAdd\n)'));
},
child: Text("ColorLoader4")),
Container(
child: Center(
child: ColorLoader4(
dotOneColor: Colors.red,
dotTwoColor: Colors.blue,
dotThreeColor: Colors.green,
dotType: DotType.iconAdd),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader7(\ndotIcon1: Icon(Icons.blur_on),\ndotIcon2: Icon(Icons.brightness_low),\ndotIcon3: Icon(Icons.brightness_high),\n)'));
},
child: Text("ColorLoader7")),
Container(
child: Center(
child: ColorLoader7(
dotIcon1: Icon(Icons.blur_on),
dotIcon2: Icon(Icons.brightness_low),
dotIcon3: Icon(Icons.brightness_high),
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader7(\ndotIcon1: Icon(Icons.battery_alert),\ndotIcon2: Icon(Icons.battery_charging_full),\ndotIcon3: Icon(Icons.battery_full),\n)'));
},
child: Text("ColorLoader7")),
Container(
child: Center(
child: ColorLoader7(
dotIcon1: Icon(Icons.battery_alert),
dotIcon2: Icon(Icons.battery_charging_full),
dotIcon3: Icon(Icons.battery_full),
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: () {
Clipboard.setData(
new ClipboardData(text: 'ColorLoader7(\ndotIcon1: Icon(Icons.arrow_right),\ndotIcon2: Icon(Icons.arrow_forward_ios),\ndotIcon3: Icon(Icons.arrow_forward),\n)'));
},
child: Text("ColorLoader7")),
Container(
child: Center(
child: ColorLoader7(
dotIcon1: Icon(Icons.arrow_right),
dotIcon2: Icon(Icons.arrow_forward_ios),
dotIcon3: Icon(Icons.arrow_forward),
),
),
),
],
),
],
),
),
),
);
}
}Metadata
10
likes
30
pub points
39%
popularity
Publisher
Metadata
Awesome Progress Bar that allow you to make a nice design using that.
License
unknown (LICENSE)
