[j Flutter] 계산기 입력 / 추가하기 (calculator)

 flutter에서는 계산기 관련 패키지를 추가해서 사용하면 쉽다.

 

 

1. input_calculator package pubspec.yaml에 추가

  input_calculator: ^1.1.0+5

pub.dev/packages/input_calculator

input_calculator | Flutter Package

2. 계산기 실행

double _value = 0.0;

set value(double value) {
    setState(() {
      _value = value;
    });
  }

  String valueFormat(double value) {
    return CurrencyFormat.format(value, symbol: '');
  }
  
  
  CalculatorTextField(
                              initialValue: _value,
                              valueFormat: valueFormat,
                              theme: CalculatorThemes.curve,
                              inputDecoration: InputDecoration(
                                border: InputBorder.none,
                                focusedBorder: InputBorder.none,
                                enabledBorder: InputBorder.none,
                                errorBorder: InputBorder.none,
                                disabledBorder: InputBorder.none,
                                contentPadding: EdgeInsets.all(15),
                                fillColor: Colors.white70,
                                suffixIcon: Icon(
                                  Icons.attach_money,
                                  color: s_color,
                                ),
                              ),
                              onSubmitted: (value) {
                                this.value = value;
                                print('value: $value');
                              },
                            )

 

 

 

 

 

 

 

 

***********************실행화면***************************

계산기 실행화면