Flutter一个商城的类型的计数器

flutter商城类型增加减少产品数量的计数器，

 效果图

/// 默认数是1
final int count ;

/// 是否显示删除提示框 默认是true
final bool isShowDialog ;

/// 允许最大数量默认是5
final int maxCount;

/// 点击加号的回调方法
final _AddCallBack  addCallBack;

/// 点击减号的回调方法
final  _MzeCallBack  mzeCallBack;

/// 点击提示框删除的回调方法
final _EnterDelete  enterDelete;

直接上代码

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:bruno/bruno.dart';

typedef _AddCallBack = void Function(int selectIndex,);
typedef _MzeCallBack = void Function(int selectIndex,);
typedef _EnterDelete = void Function(int selectIndex,);


class CounterPage extends StatefulWidget {

  /// 默认数
  final int count ;

  /// 是否显示删除提示框
  final bool isShowDialog ;

  /// 允许最大数量
  final int maxCount;

  /// 点击加号的回调方法
  final _AddCallBack  addCallBack;
  /// 点击减号的回调方法
  final  _MzeCallBack  mzeCallBack;
  /// 点击提示框删除的回调方法
  final _EnterDelete  enterDelete;

   const CounterPage({Key? key,this.count = 1,required this.addCallBack,required this.mzeCallBack,required this.enterDelete,
  this.isShowDialog = true,this.maxCount = 5}) : super(key: key);

  @override
  _CounterPageState createState() => _CounterPageState();
}

class _CounterPageState extends State<CounterPage> {

    late int  count ;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    count = widget.count;
  }

  @override
  Widget build(BuildContext context) {


    return Container(
      child: Row(
        children: [
          Container(
            padding: const EdgeInsets.only(bottom: 9),
            child: IconButton(onPressed: (){

              if(count == 1){
                if(widget.isShowDialog==true){
                  BrnDialogManager.showConfirmDialog(context,
                      cancel: '取消', confirm: '确定',message: '确定要删除',title: '温馨提示',onCancel: (){
                        Navigator.of(context).pop();
                      },onConfirm: (){
                        widget.enterDelete(count);
                        Navigator.of(context).pop();
                      }
                  );
                }
                count == 1;
                return;
              }else{
                count--;
              }
              widget.mzeCallBack(count,);

              setState(() {

              });
            }, icon: const Icon(Icons.minimize_rounded),iconSize: 15,color: Colors.grey,),
          ),
          Container(
            height: 25,
            alignment: Alignment.center,
            width: 35,
            color: Colors.grey.shade200,
            child: Text('$count',style: const TextStyle(fontWeight: FontWeight.w800),),
          ),
          IconButton(
            onPressed: (){
              if(count ==widget.maxCount){
                return;
              }
            print(count);
            if(count<10){
              count++;
            }
            widget.addCallBack(count);
            setState(() {

            });
          }, icon: const Icon(Icons.add_rounded),iconSize: 15,color: Colors.grey,),
        ],
      ),
    );
  }
}

使用：

          CounterPage(addcallback: (c){
                                    
          }, mzecallback: (c){
                                    
          }, enterDelete: (c){
                                    
         }),