[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. 잘 실행되는지 확인합니다.

 

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

 

아래는 전체 코드입니다.

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);
}