flutter_icon_field 1.0.2

Flutter component inspired by PrimeNG's IconField.

flutter_icon_field

A custom Flutter widget that displays a circular progress indicator with a center image. Ideal for loading screens with branding or custom visuals.

---

🚀 Installation

Add to your pubspec.yaml:

dependencies:
  flutter_icon_field: ^1.0.0

🚀 How to Use

Import in your Dart code:

import 'package:flutter_icon_field/flutter_icon_field.dart';

💡 Features

• ✅ - Single icon (left or right) – with Icon or SvgPicture.
• ✅ - FloatLabel support (floating label).
• ✅ - IftaLabel support (fixed label over the field).
• ✅ - Enum IconFieldSize: small, normal, large.
• ✅ - Customizable border, padding, style, etc.

✨Demos

✅ Example

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: const Text('Flutter Icon Field')),
    body: Padding(
      padding: const EdgeInsets.all(20.0),
      child: SizedBox(
        width: 300,
        child: FlutterIconField(
          label: 'Password',
          labelType: FlutterIconFieldLabelType.float,
          iconPosition: FlutterIconFieldPosition.right,
          size: FlutterIconFieldSize.normal,
          icon: const Icon(Icons.lock, color: Colors.pinkAccent),
          obscureText: true,
        ),
      ),
    ),
  );
}

🤝 Contributing

Contributions are welcome! Open an issue or submit a pull request: https://github.com/andersonmatte/flutter_icon_field

👨‍💻 Author

Anderson Matte GitHub | LinkedIn

📝 License

This project is licensed under the MIT License. See the LICENSE file for more details.