[Flutter] Toast message

Toast message를 구현하려면 fluttertoast라는 라이브러리를 import 해야 한다. 기본적으로 내장되어 있는 flutter/material.darg 라이브러리 파일과 달리 fluttertoast 라이브러리는 따로 등록을 해서 불러오는 과정을 거쳐야 한다.

 

먼저, pubspec.yaml 파일 cupertino_icons 밑에 아래 코드를 복사해서 추가한다.

  fluttertoast: ^8.0.8

8.0.8은 현재 fluttertoast의 버전이다. (2022.01.23 기준)

the plugin `fluttertoast` uses a deprecated version of the android embedding. 라는 오류가 발생한다면 플러터 공식문서(https://pub.dev/packages/fluttertoast)를 통해 최신 버전을 확인하고 버전을 높여 등록하면 된다.

 

Ctrl+S를 눌러 저장하고, exit code 0이 뜨면 잘 추가된 것이다.

 

 

main.dart 전체 코드는 다음과 같다.

import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: MyPage(),
    );
  }
}

class MyPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Toast message'),
        centerTitle: true,
      ),
      body: Center(
        child: FlatButton(
          onPressed: () {
            FlutterToast();
          },
          child: Text('Toast'),
          color: Colors.blue,
        ),
      ),
    );
  }
}

void FlutterToast() {
  Fluttertoast.showToast(
      msg: 'Flutter',
      gravity: ToastGravity.BOTTOM,
      backgroundColor: Colors.redAccent,
      fontSize: 20.0,
      textColor: Colors.white,
      toastLength: Toast.LENGTH_SHORT);
}