Flutter

[Flutter] Form 유효성 체크 후 데이터 변경 이벤트시 기존 에러 제거하기 (UX 꿀팁)

Form 유효성 체크 후 TextFormFiled에 계속 에러 메세지가 남아 있다. 하지만 대부분 서비스들은 에러가 발생 후 데이터 입력 시 에러가 사라진다. 그렇게 떄문에 사용자 경험 (UX)를 토대로 에러가 계속 남아 있으면 에러가 계속 발생하는 것으로 이해할 수 있을 가능성이 더 크기떄문에 바로 에러 메세지를 지워주는게 좋다.

if(_formKey.currentState.validate()){
  /// 유효성 검사 정상
}else{
  /// 유효성 검사 비정상
   setState(() => autovalidateMode = AutovalidateMode.always);
}

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다