/custom-dropdown-flutter

Custom dropdown widget allows to add highly customizable widget in your projects with proper open and close animations and also comes with form required validation.

Primary LanguageDartBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

Custom Dropdown

Custom Dropdown package lets you add customizable animated dropdown widget.

Features

Lots of properties to use and customize dropdown widget as per your need. Also usable under Form widget for required validation.

  • Custom dropdown using constructor CustomDropdown().
  • Custom dropdown with search field using named constructor CustomDropdown.search().

Getting started

  1. Add the latest version of package to your pubspec.yaml (and run flutter pub get):
dependencies:
  animated_custom_dropdown: 1.3.0
  1. Import the package and use it in your Flutter App.
import 'package:animated_custom_dropdown/custom_dropdown.dart';

Example usage

import 'package:animated_custom_dropdown/custom_dropdown.dart';
import 'package:flutter/material.dart';

class CustomDropdownExample extends StatefulWidget {
  const CustomDropdownExample({Key? key}) : super(key: key);

  @override
  State<CustomDropdownExample> createState() => _CustomDropdownExampleState();
}

class _CustomDropdownExampleState extends State<CustomDropdownExample> {
  final jobRoleCtrl = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return CustomDropdown(
      hintText: 'Select job role',
      items: const ['Developer', 'Designer', 'Consultant', 'Student'],
      controller: jobRoleCtrl,
    );
  }
}

Preview

Example App

Todos

  • Align on screen bottom so if space under widget is small, dropdown will open above the widget with proper animation.
  • Search on provided data.
  • Search on API request.
  • Dropdown field/header builder.

Issues & Feedback

Please file an issue to send feedback or report a bug. Thank you!