Flutter - Toast 팝업으로 메세지 띄우기

 

Flutter로 하이브리드 앱을 개발하면서 보니... 역시 간단한 Toast 팝업을 띄워야 할 일이 많이 생긴다.

그런데... Android처럼 공식지원하는 Toast 팝업 라이브러리는 없는 듯하다.

하지만 pub.dev에서 어렵지 않게 구할 수 있었다.(Flutter 최대 장점으로 꼽히는 부분이 이런 커뮤니티 활용법인 것 같다)

fluttertoast | Flutter package

 

사용법

사용하는 방법은 너무나도 간단하다.

pubspec.yaml 파일안에 dependencies 영역에 아래 한 줄을 추가한 후 저장만 하면 된다.

fluttertoast: ^8.2.4

 

그러면 바로 소스에서 import를 해올 수 있다.

보다 자세한 내용은 pub.dev 사이트안의 설명을 참고하면 된다.(사실... 자세한 내용이 더는 없는 경우가 더 많지만;;)

pubspec.yaml에 dependencies 추가하기

dependencies에 추가하고 나서 저장하기를 누르면 VS Code가 1차적으로 알아서 pub get을 해온다.ㅎㅎ

그럼 바로 해당 라이브러리를 사용할 수 있게 된다.

 

그래도 혹시나 싶어 실제 코드에서 적용한 뒤에는 기존에 디버깅 중이던 것은 중지시키고 다시 디버깅을 실행했다.

물론 디버깅상태에서도 바로 

추가된 Toast관련 라이브러리 때문인지 뭔가 추가로 설치하고 빌드등을 하는 것 같다.

로그를 보니...해당 라이브러리가 Android 기준으로는... SDK 31에서 작업이 된 듯하다.(추측)

 

적용해 보기

준비가 되었으니 바로 적용해 본다.

dependencies에 추가해 줬기 때문에 fluttertoast 패키지를 import 시켜주고,

Toast를 띄우고자 하는 위치에서 팝업을 띄워준다.

사용방법은 Android Native Toast 팝업이랑 매우 유사해서 어렵지 않았다.

fluttertoast package를 먼저 import 해준다.

소스에서 toast 팝업 메세지를 띄워준다. 엄청 간단하다.

 

그리고 실제로 해당 이미지버튼을 실행해 보니... 정말 예쁘게 팝업이 뜬다ㅎㅎ

정말 Flutter 하나하나 알아갈 때마다 매번 신기방기한 거 같다.

어서 더더 빨리 익숙해지고 제대로 된 최종 결과물을 어서 만들어 보고 싶다ㅎㅎ