반응형

들어가며

Fluttertoast란?

  • 사용자에게 잠시 동안 메시지를 표시하는 팝업 형태의 알림을 말한다.
  • 기본 제공하는 기능은 아니지만 fluttertoast 패키지 포함하여 사용할 수 있다.

예제

pubspec.yaml

dependencies:
  fluttertoast: ^8.2.4 # 추가

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: 'Fluttertoast Example',
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Fluttertoast Example'),
        centerTitle: true,
      ),
      body: MyFluttertoast(),
    );
  }
}

class MyFluttertoast extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: ElevatedButton(
        child: Text('Show me'),
        onPressed: () {
          Fluttertoast.showToast(
            msg: "Flutter",
            gravity: ToastGravity.BOTTOM,
            backgroundColor: Colors.redAccent,
            fontSize: 20.0,
            textColor: Colors.white,
            toastLength: Toast.LENGTH_SHORT,
          );
        },
      ),
    );
  }
}

화면

minSdkVersion 오류가 발생할 경우 조치

빌드 후 실행시 아래 오류 발생할 경우

┌─ Flutter Fix ─────────────────────────────────────────────────────────────────────────────────┐
│ The plugin fluttertoast requires a higher Android SDK version.                                │
│ Fix this issue by adding the following to the file                                            │
│ /Users/sangguen-choi/StudioProjects/untitled1/android/app/build.gradle:                       │
│ android {                                                                                     │
│   defaultConfig {                                                                             │
│     minSdkVersion 21                                                                          │
│   }                                                                                           │
│ }                                                                                             │

android/app/build.gradle 파일에서 minSdkVersion 내용 수정

defaultConfig {
    ...
    // minSdkVersion flutter.minSdkVersion
    minSdkVersion 21
}
반응형

'Development > Flutter' 카테고리의 다른 글

[Flutter] Dialog  (0) 2024.02.21
[Flutter] Drawer  (0) 2024.02.21
[Flutter] SnackBar  (0) 2024.02.21
[Flutter] Navigator  (0) 2024.02.20
[Flutter] AppBar  (0) 2024.02.20

+ Recent posts