본문 바로가기
공부방/Flutter

[Flutter] Toast위젯(함수)에 대해서

by SmartCow 2024. 4. 20.
목차
1. Toast 위젯 개요
2. Toast 위젯 사용 방법
3. Toast 위젯 속성 및 커스터마이징
4. Toast 위젯 활용 예시
5. Toast 위젯 사용 시 주의 사항

 

 1. Toast 위젯 개요

 Flutter의 Toast 위젯은 사용자에게 간단한 메시지를 짧게 띄워 보여주는 데 사용되는 유용한 위젯.  
 토스트 메시지는 일반적으로 화면 아래쪽에 나타나며, 정보 전달, 알림, 피드백 제공 등 다양한 용도로 활용.

 

 2. Toast 위젯 사용 방법

Toast 위젯을 사용하기 위한 단계
1) fluttertoast 패키지 설치

2) Toast 메시지 작성

3) Toast 위젯 표시

 

 3. Toast 위젯 속성 및 커스터마이징

 Toast 위젯은 다양한 속성을 제공하여 원하는 대로 디자인하고 사용자 경험을 맞춤 설정할 수 있다.

속성 설명
toasLength 메시지 표시 시간 (LENGTH_SHORT, LENGTH_LONG)
gravity 메시지 위치 (TOP, CENTER, BOTTOM)
backgroundColor 배경색
textColor 글자색
fontSize 글자 크기
cornerRadius 토스트 모서리 곡률
border 토스트 테두리
boxShadow 토스트 그림자

 

 4. Toast 위젯 활용 예시

1) 로그인 성공/실패 메시지
 로그인 시도 결과를 사용자에게 알림
2) 네트워크 연결 상태
 네트워크 연결이 끊어졌을 때 정보 제공
3) 데이터 저장/삭제 완료
 데이터 저장 또는 삭제 작업 완료 시 알림
4) 폼 검증 메시지
 입력된 데이터에 오류가 있을 때 안내
5) 앱 업데이트 알림
 새로운 앱 버전이 출시되었을 때 알림

 

 5. Toast 위젯 사용 시 주의 사항

1) Toast 위젯은 다른 위젯 위에 표시될 수 있으므로, 중요한 정보가 가려지지 않도록 주의.
2) Toast 메시지는 너무 길거나 자주 표시되지 않도록 적절하게 사용.
3) 화면 디자인과 일관된 디자인으로 Toast 위젯을 사용.