Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv1.0.3

dropdownfield

Custom Flutter Widget that mimicks the standard Android auto-complete dropdown field. Has many options for customizing the behavior of this field.

pub.dev API documentation Source code
30-day downloads
261
Likes
48
Pub points
40

Install package

flutter pub add dropdownfield

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A customizable Flutter widget that replicates the Android auto-complete dropdown field experience. It offers extensive options for tailoring the field's behavior, including styling, filtering, and interaction patterns. Designed to provide a native-like input experience with dropdown suggestions, it supports both text input and selection from a list of options. Ideal for forms requiring searchable or filtered choices, it enhances user input efficiency and interface consistency across platforms.

Use cases

  • Form inputs with searchable options
  • User selection from large datasets
  • Android-style autocomplete fields
  • Dynamic suggestion filtering
  • Customizable dropdown appearance
  • Improved input usability in mobile apps

Key features

  • Extensive customization options
  • Searchable and filterable suggestions
  • Android-native UI mimicry
  • Configurable dropdown behavior
  • Supports dynamic data sources
  • Clean, responsive design

Suitable for

  • Developers seeking Android-style dropdowns
  • Apps requiring searchable input fields
  • Projects needing high UI flexibility
  • Form-heavy applications
  • Teams prioritizing consistent UX across platforms
  • Customizable input components

Considerations

  • Limited platform-specific integration beyond Android mimicry
  • No built-in support for complex data types
  • Requires manual handling of state management
  • May need additional styling for cross-platform consistency
  • Depends on external dependencies for advanced features
  • Not optimized for very large datasets without performance tuning

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

dropdownfield

Custom Flutter Widget for a customizable dropdown field with auto-complete functionality This widget is meant to be used within a Flutter Form

For a completely working Flutter project demonstrating the usage of dropdownfield, download the code from https://github.com/jagan999/dropdownfieldexample

Installing:

In your pubspec.yaml, add the following dependency

dependencies:
  dropdownfield: 1.0.0

Example Usage:

import 'package:dropdownfield/dropdownfield.dart';

    DropDownField(
        value: accountname,
        required: true,
        strict: true,
        labelText: 'Account Name *',
        icon: Icon(Icons.account_balance),
        items: accountNames,
        setter: (dynamic newValue) {
            accountname = newValue;
        }
    ),

Features:

Can be used for showing drop-down of suggestions for a form field Provides auto-complete functionality - as the user types, shows all suggestions that match part of the typed in text Provides validation of user-typed value against the list of suggestions by default. Can be turned off by setting strict=false Provides ability to do "mandatory" value check if needed Quick clear icon to clear out typed in value Appearance can be customized to match your application theme Clicking dropdown arrow will automatically close the soft keyboard

License:

This project is licensed under the BSD License - see the LICENSE file for details

Categories

Dropdown

Source repository

Projects using this package

No data available yet.