Flutter toastificationトーストを簡単に実装できるパッケージ

今回はtoast表示に関する「toastification」というパッケージを紹介します。
https://pub.dev/packages/toastification

このパッケージはアプリ内で簡単なメッセージ(トースト通知)を表示するためのパッケージです。トースト通知は、短時間表示される小さなメッセージのことで、ユーザーの操作に対するフィードバックとして使われることが大半です。toastificationを使うと、シンプルにトースト通知を表示することができます。

このパッケージの特徴としては
1.1行でトーストメッセージを表示でき、カスタマイズが簡単
2.メッセージのテキスト、背景色、表示時間を簡単に変更できる
ということが挙げられるかと思います。

実際の使用例はこんな感じです。

コードをコピーする
import 'package:flutter/material.dart';
import 'package:toastification/toastification.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('Toastification sample')),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              // トースト通知を表示
              showToast(
                context,
                message: "これはトースト通知です!",
                duration: Duration(seconds: 2),  // 表示時間
                backgroundColor: Colors.blue,   // 背景色
              );
            },
            child: const Text('トーストを表示'),
          ),
        ),
      ),
    );
  }
}

非常に簡単ですね。ぜひ使ってみてください!

タイトルとURLをコピーしました