Flutter Toast MSG

강의들 1번 들었을 때와 2번 들었을 때가 다르긴 하군요. 한번 봤을 땐 따라가기 바빴는데 2번째 들었을 때는 따라는 가겠는데 아직 혼자 뭔가를 만들어 보라면 못하겠어요. 그래도 자판에 속도가 붙으니 강의를 타이트하게 따라는 가겠군요. 오늘은 예전엔 못했던 것을 완성해봤습니다.

 

Coding

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Toast',
      home: MyPage(),
    );
  }
}

class MyPage extends StatelessWidget {
  const MyPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Toast Message'),
        centerTitle: true,
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: (){
            flutterToast(

            );
          },
          child: Text('Toast'),

        ),
      ),
    );
  }
}

void flutterToast(){
  Fluttertoast.showToast(msg: 'Flutter123456',
    gravity: ToastGravity.TOP_RIGHT,
    fontSize: 20.0,
    textColor: Colors.white,
    webShowClose: false
  );
}

 

 결과물

Toast Message

 

Toast를 누르면 아래 Flutter123456 아래에서 스르륵 올라오는 Toast Message 기능입니다. 원래는 원했던 색이 저색이 아닌데 저것이 되는군요. 결국 못 찾았아요. 이렇게 화면도 제어하기 힘드니 어찌 잘될까요? 기죽지 말고 하나하나 해나가야 하는데. 참 힘들군요. 그래도 꾸준히 해봐야죠.