import 'package:flutter/material.dart';
import 'package:flutter/semantics.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  SemanticsBinding.instance.ensureSemantics();
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Semantics Announce ',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyWidget(),
    );
  }
}

/// Run this file:
/// flutter run -t lib/main.dart

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

  void showAlertDialog(BuildContext context) {
    showDialog(
      context: context,
      builder: (BuildContext dialogContext) {
        return AlertDialog(
          title: const Text('Confirmation'),
          content: const Text('Are you sure you want to proceed?'),
          actions: <Widget>[
            Row(
              children: [
                TextButton(
                  onPressed: () => _announce(dialogContext),
                  child: const Text('Announce'),
                ),
                TextButton(
                  child: const Text('OK'),
                  onPressed: () {
                    Navigator.of(dialogContext).pop();
                  },
                ),
              ],
            ),
          ],
        );
      },
    );
  }

  void showSimpleDialog(BuildContext context) {
    showDialog(
      context: context,
      builder: (BuildContext dialogContext) {
        return SimpleDialog(
          title: const Text('Choose an option'),
          children: <Widget>[
            SimpleDialogOption(
              onPressed: () => _announce(dialogContext),
              child: const Text('Announce'),
            ),
            SimpleDialogOption(
              onPressed: () {
                Navigator.pop(dialogContext, 'Option 2');
              },
              child: const Text('Close'),
            ),
          ],
        );
      },
    );
  }

  void showCustomDialog(BuildContext context) {
    showDialog(
      context: context,
      builder: (BuildContext dialogContext) {
        return Dialog(
          child: Container(
            padding: const EdgeInsets.all(20),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                const Text('This is a custom dialog!'),
                ElevatedButton(
                  onPressed: () => _announce(dialogContext),
                  child: const Text('Announce'),
                ),
                ElevatedButton(
                  onPressed: () {
                    Navigator.of(dialogContext).pop();
                  },
                  child: const Text('Close'),
                ),
              ],
            ),
          ),
        );
      },
    );
  }

  void _announce(BuildContext context) {
    WidgetsBinding.instance.addPostFrameCallback((_) async {
      await Future.delayed(const Duration(milliseconds: 1000));
      SemanticsService.sendAnnouncement(
        View.of(context),
        'Hello world',
        TextDirection.ltr,
      );
      print('=================== Hello world Announced');
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Dialog Semantics Announce'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(50),
        child: Column(
          children: [
            ElevatedButton(
              child: const Text('Announce'),
              onPressed: () => _announce(context),
            ),
            const SizedBox(height: 20),
            ElevatedButton(
              child: const Text('Alert Dialog'),
              onPressed: () => showAlertDialog(context),
            ),
            const SizedBox(height: 20),
            ElevatedButton(
              child: const Text('Simple Dialog'),
              onPressed: () => showSimpleDialog(context),
            ),
            const SizedBox(height: 20),
            ElevatedButton(
              child: const Text('Custom Dialog'),
              onPressed: () => showCustomDialog(context),
            ),
          ],
        ),
      ),
    );
  }
}