flutter toast 사용법

안드로이드에서 사용자에게 정보를 보여주기 위해 잠깐 띄우는 토스트 메세지를 플러터에서도 구현해보도록 하겠습니다.

 

우선은 https://pub.dev/로 가서 fluttertoast로 검색을 합니다.

 

그럼 검색 결과로 fluttertoast가 나타나게 됩니다.

 

선택을 해주시고 installing 을 누릅니다.

그럼 사용방법에 대한 예시가 나타나게됩니다.

설명에 나온대로 따라하면 됩니다.

 

pubspec.yaml 에 dependencies 안에 fluttertoast: ^4.0.1 를 추가해줍니다.

그리고 안드로이드 스튜디오에서 packages get 을 선택해줍니다.

그럼 아래와같이 패키지를 다운받게 됩니다. 다운이 완료되면 이제 사용할 수 있습니다.

이제 사용하는 방법을 알아보겠습니다.

 

1. 사용하고싶은 파일에 import로 fluttertoast.dart를 불러옵니다.

2. fluttertoast 메소드를 호출합니다.

   토스트 메세지의 배경색, 보여줄 시간, 보여줄 위치 등을 설정할 수 있습니다.

3. 사용할 위치에서 메소드를 사용합니다.

4. 잘 실행되는지 확인합니다.

 

이렇게 하면 플러터에서도 토스트 메세지를 사용하실 수 있습니다.

 

아래는 전체 코드입니다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52

import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart';   class Dice extends StatefulWidget {   @override   _DiceState createState() => _DiceState(); }   class _DiceState extends State<Dice> {   @override   Widget build(BuildContext context) {     return Scaffold(       backgroundColor: Colors.redAccent,       appBar: _buildAppbar(),       body: _buildBody(),     );   }     Widget _buildAppbar() {     return AppBar(       title: Text('플러터 토스트 연습'),       backgroundColor: Colors.redAccent,     );   }     Widget _buildBody() {     return Center(         child: ButtonTheme(       minWidth: 100.0,       height: 60.0,       child: RaisedButton(           child: Icon(             Icons.play_arrow,             color: Colors.white,             size: 50.0,           ),           color: Colors.orangeAccent,           onPressed: () {             showToast('fluttertoast!!');           }),     ));   } }   void showToast(String message) {   Fluttertoast.showToast(       msg: message,       backgroundColor: Colors.white,       toastLength: Toast.LENGTH_SHORT,       gravity: ToastGravity.BOTTOM); }   Colored by Color Scripter

cs

 

 

출처 : https://cishome.tistory.com/159