countnumberbutton 0.0.7 countnumberbutton: ^0.0.7 copied to clipboard
Resizable Counter Button. Changeable Background Colors & Icons.
Usage #
You can change and setup your high designed CountNumberButton:
- boxheight and boxwidth
- initial value
- the minimum and maximum value
- icon colors and size for each icon for left and right
- onchanged you can use the final value for whatever you want to do with..
- you can also choose your fav textcolor
Example #
import 'package:flutter/material.dart';
import 'package:countnumberbutton/countnumberbutton.dart';
class ExampleWidget extends StatefulWidget {
const ExampleWidget({Key? key}) : super(key: key);
@override
State<ExampleWidget> createState() => _ExampleWidgetState();
}
class _ExampleWidgetState extends State<ExampleWidget> {
int newValue = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
decoration: BoxDecoration(
border: Border.all(color: Colors.black)
),
child: CountNumberButton(
width: 250,
height: 60,
initValue: newValue,
minValue: 0,
maxValue: 10,
iconColor: Colors.white,
iconSize: 25.0,
buttonColor: Colors.green,
textColor: Colors.black,
icon_left: Icon(Icons.remove),
icon_right: Icon(Icons.add),
onChanged: (value) {
newValue = value;
},
)
)
);
}
}
//if you use an initValue only as undeclared integer -> it'll have no relation and does not work like it have to do..
// FOLLOW THESE STEPS:
//1. Create a Value like newValue as int like on the top of code newValue = 0 ..- init it in CountNumberButton Widget..
//2. - use onChanged method and set newValue as value to save the state of val to work with...
// NOW YOU HAVE YOUR COUNTNUMBERBUTTON .. PLEASE LIKE IT AND HAVE FUN WITH IT.. :D