plusMinus function

Implementation

Widget plusMinus({
  required final Function(int) onChanged,
  final int range = 1,
  final int defaultValue = 0,
  final int max = 99999,
  final Color? maximumColor,
  final Color? minimumColor,
  final Widget? addWidget,
  final Widget? minusWidget,
  final double spaceBetween = 10,
  final TextStyle? textStyle,
  final MainAxisAlignment mainAxisAlignment = MainAxisAlignment.center,
  final MainAxisSize mainAxisSize = MainAxisSize.min,
}) {
  final RxInt currentAmount = defaultValue.obs;

  final RegExp reg = RegExp(r'(\d{1,3})(?=(\d{3})+(?!\d))');

  String mathFunc(final Match match) => '${match[1]},';

  void increaseAmount() {
    if (currentAmount.value < max) {
      currentAmount.value = currentAmount.value + range;
      onChanged(currentAmount.value);
    }
  }

  void decreaseAmount() {
    if (currentAmount > range - 1) currentAmount.value = currentAmount.value - range;
    onChanged(currentAmount.value);
  }

  String amountString() {
    final String result = currentAmount
        .toString()
        .padLeft(
          currentAmount.value.toString().length,
          '0',
        )
        .replaceAllMapped(reg, mathFunc);
    return result;
  }

  return Obx(
    () => Row(
      mainAxisAlignment: mainAxisAlignment,
      mainAxisSize: mainAxisSize,
      children: <Widget>[
        GestureDetector(onTap: increaseAmount, child: addWidget ?? Icon(Icons.add_circle, size: 30, color: currentAmount.value == max ? maximumColor : null)),
        Text(amountString(), style: textStyle).pSymmetric(horizontal: spaceBetween),
        GestureDetector(
            onTap: decreaseAmount,
            child: minusWidget ??
                Icon(
                  Icons.remove_circle,
                  size: 30,
                  color: minimumColor,
                )),
      ],
    ),
  );
}