discord-like-commands

main.dart

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(
      theme: ThemeData(useMaterial3: true),
      home: const Example(),
    );
  }
}

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

  @override
  State<Example> createState() => _ExampleState();
}

class _ExampleState extends State<Example> {
  final availableCommands = const {
    '/ban',
    '/softban',
    '/kick',
    '/mute',
    '/addrole',
    '/delrole',
    '/role',
  };

  final controller = SearchController();

  @override
  void initState() {
    super.initState();
    controller.addListener(_searchControllerListener);
  }

  void _searchControllerListener() {
    if (controller.isOpen && controller.text.isEmpty) {
      return controller.closeView(null);
    }
    for (final command in availableCommands) {
      if (command == controller.text) {
        if (!controller.isOpen) return;
        return controller.closeView(null);
      }

      if (command.startsWith(controller.text)) {
        if (controller.isOpen) return;
        return controller.openView();
      }
    }
  }

  @override
  void dispose() {
    controller.removeListener(_searchControllerListener);
    super.dispose();
  }

  String body = '';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          children: [
            SearchAnchor(
              searchController: controller,
              builder: (context, controller) {
                return SearchBar(
                  controller: controller,
                  elevation: MaterialStateProperty.all(12),
                );
              },
              suggestionsBuilder: (_, controller) {
                return availableCommands
                    .where((cmd) => cmd.startsWith(controller.text))
                    .map(
                      (command) => ListTile(
                        title: Text(command),
                        onTap: () => controller.closeView(command),
                      ),
                    );
              },
            ),
            Expanded(child: Center(child: Text(body))),
          ],
        ),
      ),
    );
  }
}