개발로그필름

[Flutter] SnackBar 본문

IT/Flutter

[Flutter] SnackBar

yuullog 2024. 10. 7. 17:00
728x90
반응형
SMALL

짧은 메시지를 화면 하단에 잠시 표시하는 데 사용되는 UI

주로 알림, 피드백, 작업 완료 메시지 등을 사용자에게 잠시 보여줄 때 사용된다

SnackBar는 일정 시간 동안만 표시되며, 그 후에 자동으로 사라진다

 

SnackBar를 사용하는 이유

1. 간단한 사용자 피드백 제공

버튼 클릭, 폼 제출, 데이터 저장 등의 작업 후에 성공 또는 오류 메시지를 사용자에게 전달할 때 유용

예를 들어, 사용자가 데이터를 저장했을 때 “저장되었습니다”라는 메시지를 SnackBar로 보여줄 수 있다

2. 사용자 인터페이스 방해 최소화:

SnackBar는 짧게 나타나고 사라지기 때문에, 사용자 경험을 방해하지 않으면서 중요한 메시지 전달 가능

화면 상단에 알림 팝업을 띄우는 대신, 하단에 살짝 메시지를 보여주는 방식으로 UI의 흐름을 자연스럽게 유지

3. 임시 알림:

오래 유지될 필요가 없는 임시 메시지를 보여줄 때 적합. 예를 들어, “삭제되었습니다” 같은 메시지는 사용자에게 간단한 정보만 제공하기 때문에 SnackBar로 처리하는 것이 적합

4. Undo 기능:

SnackBar는 메시지에 동작을 추가할 수 있어서, 사용자가 어떤 작업을 취소할 수 있는 옵션을 제공할 때도 유용

예를 들어, 사용자가 항목을 삭제했을 때, “삭제되었습니다”라는 메시지와 함께 “되돌리기” 버튼 추가 가능

반응형
LIST

'IT > Flutter' 카테고리의 다른 글

[Flutter] Map 데이터를 사용해 객체 생성하는 방법  (0) 2024.10.07
[Flutter] toMap()  (0) 2024.10.07
[Flutter] GestureDetector  (0) 2024.10.04
[Flutter] shared preferences  (0) 2024.10.04
[Flutter] TextEditingController  (0) 2024.10.04
Comments