[Flutter] TextField Return Key, Enter Key로 감지하기

3줄 요약

onFieldSubmitted안에

값을 업데이트 시키면,

returnKey,doneKey를 누르면 업데이트 된다.

 

TextFormField(
  controller: controller,
  onChanged: (value) {
		//keyboard 누를때 마다 업데이트
  },
  onFieldSubmitted: (value) {
    	// return key, done key 누를때 마다 업데이트
  },
)

 

 

 

 

시뮬레이터에서 다른 사람이 작업한 이런 익숙한 환경에서, 작업을 하고 있는 중 

Validation check 및 TextFieldEditingController에 값이 업데이트가 되지 않는 현상이 있었다.

무엇이 문제인지 확인해보니, Return Key와 EnterKey를 눌렀을때, 값이 업데이트하는 메소드를 이용 했기 때문이었다.

버튼이 하단에 가려서 키보드를 내려야하는 UI이었기 때문에 return key(done)으로 트리거를 만들어 놓은거 같았다.

UX적으로 좋은 앱은 아니라고 생각했지만, 현 기획대로 개발을 진행하기로 생각했다.

 

 

Flutter로 개발을 하다보면, TextFormField에 많은 기능들이있고, 잘 활용하면 내가 원하는 기능에 맞춰서 개발이 가능하지 않을까 생각이 든다. 이런 상황들이 있을때마다 주기적으로 업데이트 해야겠다.