import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

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

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();

    if (kIsWeb) {
      BrowserContextMenu.disableContextMenu();
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: TextFormField(
            initialValue: "Example Text",
            contextMenuBuilder: (context, editableTextState) {
              final anchors = editableTextState.contextMenuAnchors;
              final buttonItems = [
                ContextMenuButtonItem(label: "More items", onPressed: () {}),
                ContextMenuButtonItem(label: "To make the menu", onPressed: () {}),
                ContextMenuButtonItem(label: "Overflow", onPressed: () {}),
                ...editableTextState.contextMenuButtonItems,
                ContextMenuButtonItem(label: "Long example menu item", onPressed: () {}),
                ContextMenuButtonItem(label: "Short", onPressed: () {}),
              ];

              // Follwing is the code that AdaptiveTextSelectionToolbar uses when the platform is android.
              // I copied it to force the material style toolbar

              final List<Widget> buttons = <Widget>[];
              for (int i = 0; i < buttonItems.length; i++) {
                final ContextMenuButtonItem buttonItem = buttonItems[i];
                buttons.add(TextSelectionToolbarTextButton(
                  padding: TextSelectionToolbarTextButton.getPadding(
                      i, buttonItems.length),
                  onPressed: buttonItem.onPressed,
                  child: Text(AdaptiveTextSelectionToolbar.getButtonLabel(
                      context, buttonItem)),
                ));
              }

              return TextSelectionToolbar(
                anchorAbove: anchors.primaryAnchor,
                anchorBelow: anchors.secondaryAnchor == null
                    ? anchors.primaryAnchor
                    : anchors.secondaryAnchor!,
                children: buttons,
              );
            },
          ),
        ),
      ),
    );
  }
}