countnumberbutton 0.0.7

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