unified_dropdown 0.1.0

A creatable and searchable Flutter dropdown — select from a list, filter as you type, or add a new value with an auto-generated code.

example/lib/main.dart

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Unified Dropdown',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.green),
        useMaterial3: true,
      ),
      home: const DropdownDemoPage(),
    );
  }
}

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

  @override
  State<DropdownDemoPage> createState() => _DropdownDemoPageState();
}

class _DropdownDemoPageState extends State<DropdownDemoPage> {
  SelectOptions? _selectedOption;

  final List<SelectOptions> _options = const [
    SelectOptions(key: '1', value: 'Option-1', code: 'op-1'),
    SelectOptions(key: '2', value: 'Option-2', code: 'op-2'),
    SelectOptions(key: '3', value: 'Option-3', code: 'op-3'),
    SelectOptions(key: '4', value: 'Flutter', code: 'flutter'),
    SelectOptions(key: '5', value: 'Dart', code: 'dart'),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Unified Dropdown')),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            UnifiedDropdown(
              isInputField: true,
              items: _options,
              initialValue: _selectedOption,
              fieldHintText: 'Type to search or add…',
              isValidationRequired: true,
              requiredValidationText: 'Please select or enter a value',
              showClearButton: true,
              enableSearch: true,
              onSelected: (option) {
                setState(() => _selectedOption = option);
              },
              onCleared: () {
                setState(() => _selectedOption = null);
              },
            ),
            const SizedBox(height: 12),
            Text(
              'Selected: ${_selectedOption?.value ?? 'None'}'
              '${_selectedOption?.code != null ? ' (${_selectedOption!.code})' : ''}',
            ),
          ],
        ),
      ),
    );
  }
}