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.

Flutter Version Pub Version License


πŸš€ 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

Flutter Icon Field Showcase

βœ… 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.

Libraries

flutter_icon_field