flutter - Flutter 中用于增减的组件

Question

颤振有一个增加和减少的组件，如下所示：

标签： flutterdart

Answer 1

只需使用这个库：

number_inc_dec

默认样式：

NumberInputWithIncrementDecrement(
  controller: TextEditingController(),
  min: 0,
  max: 10,
),

与您的自定义样式一起使用：

NumberInputWithIncrementDecrement(
    controller: TextEditingController(),
    buttonArrangement: ButtonArrangement.incRightDecLeft,
    decIcon: Icons.remove_circle,
    incIcon: Icons.add_circle,
    autovalidate: true,
    isInt: true,
    initialValue: 1,
    incIconSize: 50,
    decIconSize: 50,
    incIconDecoration: BoxDecoration(
                           border: Border(
                               top: BorderSide(color: Colors.transparent),
                               bottom: BorderSide(color: Colors.transparent),
                           ),
                       ),
    decIconDecoration: BoxDecoration(
                           border: Border(
                               top: BorderSide(color: Colors.transparent),
                               bottom: BorderSide(color: Colors.transparent),
                           ),
                       ),
    widgetContainerDecoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(5),
                                border: Border.all(
                                  color: Colors.transparent,
                                  width: 0,
                                ),
                              ),
    onIncrement: (count) {
        print(count);
    },
    onDecrement: (count) {
        print(count);
    },
    min: 0,
    max: 10
)