[Flutter] TextField에서 keyboardType으로 입력제한시 발생하는 문제점

위와 같은 텍스트필드에서 입력을 숫자로만 제한을 하고자 할때

TextField(
          keyboardType: TextInputType.number, // 숫자만 입력가능
          inputFormatters: [
            FilteringTextInputFormatter.digitsOnly,
          ],
          cursorColor: Colors.grey,
          decoration: InputDecoration(
            border: InputBorder.none,
            filled: true,
            fillColor: Colors.grey[300],
          ),
        ),

 

KeyboardType을 통해 원하는 값을 지정 할 수 있다.

keyboardType: TextInputType.number

 

하지만 발생되는 문제점으로는 만약 사용자가 핸드폰을 블루투스 키보드로 연결을 하게 된다면

숫자가 아닌 문자도 입력이 가능하게 된다. 그 이유로는 위 코드로는 시스템적으로 입력값을 제한하는 것이 아니라 키보드에 숫자만 입력가능하도록 띄우기 때문이다.

 

그렇기때문에 숫자만 입력받게 제안하고 싶다면 밑 코드를 추가하면 된다.

inputFormatters: [
            FilteringTextInputFormatter.digitsOnly,
],