📦 Custom Text Field With Drop Down #

A customizable Flutter widget combining a styled TextFormField with optional dropdown suggestions, gradient background, obscure text toggle, and reusable styles — fully null-safe.

✨ Features #

• ✅ Customizable border, hint style, fill color or gradient
• 🔒 Optional obscure text toggle with visibility icon
• 🔽 Optional dropdown suggestion list with live filtering
• 🎨 Reusable hint and suffix/prefix icons
• 📐 Supports maxLines, readOnly, input types, and more

🚀 Getting Started #

Add this package to your pubspec.yaml:

dependencies:
  custom_text_field_with_drop_down: ^1.0.0
   
  
## 🚀 Usages
  
import 'package:custom_text_field_with_drop_down/custom_text_field_with_drop_down.dart';

CustomTextFieldWithDropDown(
  hintText: 'Enter your email',
  showObscure: false,
  fillColor: Colors.grey[200],
  borderColor: Colors.transparent,
  borderRadius: 10,
  dropdownShow: true,
  dropdownItems: ['Gmail', 'Yahoo', 'Outlook'],
  prefixIcon: Icons.email,
  suffixIcon: Icon(Icons.arrow_drop_down),
);
  
  
  

| Parameter         | Type               | Description                                                   |
|------------------|--------------------|---------------------------------------------------------------|
| `hintText`        | `String`           | Hint text displayed inside the field                          |
| `showObscure`     | `bool`             | Enables visibility toggle for obscured text                   |
| `readOnly`        | `bool?`            | Makes the text field read-only if true                        |
| `prefixIcon`      | `IconData?`        | Icon to show at the start of the input                        |
| `suffixIcon`      | `Icon?`            | Optional custom suffix icon when `showObscure` is false       |
| `keyboardType`    | `TextInputType?`   | Input type (text, email, number, etc.)                        |
| `controller`      | `TextEditingController?` | Optional controller for text field                      |
| `borderColor`     | `Color?`           | Border color for the text field                               |
| `maxLines`        | `int?`             | Max number of lines the field can grow to                     |
| `borderRadius`    | `double?`          | Radius for border curvature                                   |
| `hintStyle`       | `TextStyle?`       | Custom text style for the hint                                |
| `fillColor`       | `Color?`           | Background fill color                                         |
| `fillGradient`    | `Gradient?`        | Gradient background instead of solid color                    |
| `dropdownShow`    | `bool`             | Enables dropdown suggestions                                  |