🚀 Flutter Custom TextField UI
A highly customizable and reusable TextField widget for Flutter Designed to simplify form inputs with clean UI, validation, and flexible styling.
✨ Features
- 🎨 Fully customizable UI
- 🧩 Reusable and clean component
- ✅ Built-in validation support
- 🔒 Supports secure input (password fields)
- 📱 Responsive & modern design
- ⚡ Lightweight and easy to integrate
📸 Preview
📌 Replace the above image with your actual UI screenshot for better engagement
🚀 Getting Started
Add the dependency in your pubspec.yaml:
dependencies:
flutter_custom_textfield_ui: ^1.0.3
Then run:
flutter pub get
🛠 Basic Usage
import 'package:flutter_custom_textfield_ui/flutter_custom_textfield_ui.dart';
CustomTextField(
controller: TextEditingController(),
hintText: "Enter your name",
)
🎯 Advanced Usage
CustomTextField(
controller: controller,
hintText: "Email",
prefixIcon: const Icon(Icons.email),
obscureText: false,
validator: (value) {
if (value == null || value.isEmpty) {
return "Email is required";
}
return null;
},
)
⚙️ Parameters
| Parameter | Description |
|---|---|
| controller | Controls the input text |
| hintText | Placeholder text |
| prefixIcon | Icon at the start of field |
| suffixIcon | Icon at the end of field |
| validator | Validation function |
| obscureText | For password fields |
| enabledBorder | Custom border styling |
📦 Example
Check the /example folder for a complete working demo.
🤝 Contributing
Contributions are welcome! Feel free to open issues or submit pull requests.
👨💻 Author
Manikant Tyagi Flutter Developer 🚀
⭐ Support
If you like this package, please ⭐ it on pub.dev and GitHub!
Libraries
- flutter_custom_textfield_ui
- A customizable TextField widget for Flutter.