import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Bug Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        useMaterial3: true,
        colorScheme: ColorScheme.fromSeed(
          seedColor: Colors.blue,
        ),
        bannerTheme: const MaterialBannerThemeData(
          dividerColor: Colors.red,
        ),
      ),
      home: const MyHomePage(title: 'Flutter Material Banner Bug'),
    );
  }
}

class MyHomePage extends StatelessWidget {
  final String title;

  const MyHomePage({
    Key? key,
    required this.title,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        elevation: 4,
        title: Text(title),
      ),
      body: Column(
        children: [
          MaterialBanner(
            content: const Text(
              'This banner has a red divider\n'
              'because it is using the banner theme\'s divider color.\n'
              'It works as expected.',
            ),
            padding: const EdgeInsets.all(24),
            actions: [
              TextButton(
                onPressed: () {},
                child: const Text('OK'),
              ),
            ],
          ),
          MaterialBanner(
            dividerColor: Colors.yellow,
            content: const Text(
              'This banner has a yellow divider\n'
              'because the divider color has been overridden.\n'
              'It works as expected.',
            ),
            padding: const EdgeInsets.all(24),
            actions: [
              TextButton(
                onPressed: () {},
                child: const Text('OK'),
              ),
            ],
          ),
          const Padding(
            padding: EdgeInsets.only(top: 48),
          ),
          ElevatedButton(
            child: const Text('Tap to reveal the bug'),
            onPressed: () {
              ScaffoldMessenger.of(context).showMaterialBanner(
                MaterialBanner(
                  dividerColor: Colors.green,
                  content: const Text(
                    'This banner should have a green divider\n'
                    'because the divider color has been overridden but it still has a red divider.\n'
                    'It does not work as expected 😔',
                  ),
                  padding: const EdgeInsets.all(24),
                  actions: [
                    TextButton(
                      onPressed: () {
                        ScaffoldMessenger.of(context).clearMaterialBanners();
                      },
                      child: const Text('BUG'),
                    ),
                  ],
                ),
              );
            },
          ),
        ],
      ),
    );
  }
}