Flutter에서 Fluttertoast 패키지 사용법과 옵션 설명

 

Fluttertoast는 Flutter 애플리케이션에서 간단하게 Toast 메시지를 표시할 수 있게 해주는 패키지입니다. 이 패키지를 사용하면 사용자에게 잠시 동안 보여지는 간단한 정보나 메시지를 효과적으로 전달할 수 있습니다. 이제 Fluttertoast 패키지의 설치와 기본적인 사용법, 그리고 다양한 옵션에 대해 알아보겠습니다.

1. Fluttertoast 패키지 설치

먼저, fluttertoast 패키지를 프로젝트에 설치해야 합니다. pubspec.yaml 파일의 dependencies 섹션에 추가하여 패키지를 설치합니다.

dependencies:
  flutter:
    sdk: flutter
  fluttertoast: ^8.0.7  # 최신 버전 확인하여 버전 명시

터미널에서 아래 명령어를 사용하여 패키지를 설치합니다.

flutter pub get

2. Fluttertoast 패키지 사용법

Fluttertoast를 사용하여 간단한 Toast 메시지를 표시하는 방법은 매우 간단합니다.

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(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Fluttertoast Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              Fluttertoast.showToast(
                msg: 'Hello, Fluttertoast!',
                toastLength: Toast.LENGTH_SHORT,
                gravity: ToastGravity.BOTTOM,
                timeInSecForIosWeb: 1,
                backgroundColor: Colors.grey,
                textColor: Colors.white,
                fontSize: 16.0,
              );
            },
            child: Text('Show Toast'),
          ),
        ),
      ),
    );
  }
}

3. Fluttertoast 옵션 설명

Fluttertoast를 사용할 때 설정할 수 있는 주요 옵션들에 대해 설명합니다.

• msg: 토스트에 표시될 메시지입니다.
• toastLength: 토스트 메시지가 표시될 시간 길이입니다. Toast.LENGTH_SHORT (짧은 시간), Toast.LENGTH_LONG (긴 시간) 중 선택할 수 있습니다.
• gravity: 토스트 메시지가 화면에서 어디에 나타날지를 결정합니다. ToastGravity.BOTTOM, ToastGravity.TOP, ToastGravity.CENTER 등을 사용할 수 있습니다.
• timeInSecForIosWeb: iOS 및 웹에서 토스트 메시지가 표시될 시간(초)입니다. 안드로이드에서는 기본적으로 toastLength로 설정한 시간만큼 표시됩니다.
• backgroundColor: 토스트 메시지의 배경색을 설정합니다.
• textColor: 토스트 메시지의 텍스트 색상을 설정합니다.
• fontSize: 토스트 메시지의 텍스트 크기를 설정합니다.

위의 예시 코드에서는 Fluttertoast.showToast() 메서드를 호출하여 간단하게 토스트 메시지를 표시하고 있습니다.

이와 같은 방식으로 Flutter 애플리케이션 내에서 필요한 곳에 토스트 메시지를 추가할 수 있습니다.

이제 Fluttertoast 패키지를 이용하여 애플리케이션의 사용자 경험을 향상시키는 간단한 메시지 표시 기능을 구현할 수 있습니다.

 

 

 

수발가족을 위한 일기장 “나비일기장”

 

https://play.google.com/store/apps/details?id=com.maccrey.navi_diary_release

 

구글플레이 앱 배포의 시작! 비공개테스트 20명의 테스터모집을 위한 앱 "테스터 쉐어"

 

https://play.google.com/store/apps/details?id=com.maccrey.tester_share_release

 

카카오톡 오픈 채팅방

https://open.kakao.com/o/gsS8Jbzg