【Flutter】トースト(SnackBar)の基本実装、背景色・文字色を変更するまでの完全ガイド！

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('SnackBar Demo'),
        ),
        body: SnackBarPage(),
      ),
    );
  }
}

class SnackBarPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: ElevatedButton(
        onPressed: () {
          final snackBar = SnackBar(
            content: Text('こんにちは、SnackBarです！'),
          );
          ScaffoldMessenger.of(context).showSnackBar(snackBar);
        },
        child: Text('トーストを表示'),
      ),
    );
  }
}

SnackBar(
  content: Text(
    'カスタマイズされたSnackBarです！',
    style: TextStyle(color: Colors.white),
  ),
  backgroundColor: Colors.blue,
)