今回は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('トーストを表示'),
),
),
),
);
}
}
非常に簡単ですね。ぜひ使ってみてください!