A new Flutter project.
FlutterCustomInput A Flutter project demonstrating custom reusable form components with validation.
Overview This project showcases how to create and implement custom form fields in Flutter. The main feature is a CustomTextField widget that can be configured with various properties for different input types.
Features CustomTextField Widget: Reusable input component with multiple configuration options
Email Validation: Basic email format validation
Password Field: Secure input with visibility toggle
Modular Design: Easy-to-use customizable form fields
Validation Feedback: SnackBar notifications for success/failure states
Components CustomTextField Properties controller: Text editing controller
keyboardType: Input type (email, text, number, etc.)
prefixIcon/suffixIcon: Custom icons
labelText/hintText: Field labels and hints
obscureText: Password masking
maxLength: Character limit
obscuringCharacter: Custom mask character
Installation Ensure Flutter is installed on your machine
Clone the repository:
bash git clone https://github.com/shahndaa/FlutterCustomInput.git Install dependencies:
bash flutter pub get Run the application:
bash flutter run Usage The main screen demonstrates a login form using the custom text field component. The email field validates for @ symbol presence, while the password field includes a visibility toggle.
Project Structure text lib/ ├── main.dart # Main application file └── CustomField.dart # CustomTextField component Dependencies Flutter SDK
Material Design package
This project serves as an excellent reference for developers learning about creating reusable components and form validation in Flutter applications.