앱 개발/Flutter 공부

[Flutter] 16. Toast message - 토스트 메시지

내만 2022. 7. 4. 17:22
728x90
반응형

 

 

 

 

 

🙆‍♂️Toast Message


Toast message를 사용하기 위해서는 따로 fluttertoast라는 라이브러리를 import 해야합니다.

 

그렇기 위해서 먼저 pubspec.yaml 파일로 이동을 한 후

 

cupertino_icons 밑에 fluttertoast : ^3.1.3을 추가합니다.

 

그리고 main.dart 파일로 돌아와서 상단에 fluttertoast/fluttertoast.dart 파일을 import 해줍니다.

 

Toast Message를 사용하기 전에 환경을 구성해주고 버튼을 누르면 onPressed 함수를 통해서

Toast Message를 사용할 수 있도록 설정할 것입니다.

 

 

 

밑에 flutterToast라는 함수를 만들어서 onPressed에 사용할 수 있습니다.

gravity 속성을 통해서 toast message 위치를 지정해주고 배경색이나 폰트 크기, 글자색, toast 길이도 설정했습니다.

 

 

눌렀을 때 결과를 확인해보면 이렇게 아래에 잘 나오는 모습입니다.

728x90
반응형