Flutter Icon picker helps the user to chose an icon of there choose from flutter icon library. Specially useful whe you want to make the user choose an icon for something.

Features

You can search through all the flutter icons. You can change color picker

• icon colors
• icon Size
• Icons Per Row

When an icon is selected you get back

• Icon Name
• Icon Code
• Flutter Icon Data
• Icon Color

## Getting started

• Just import the package
• import

'package:flutter_icon_picker/flutter_icon_picker.dart';* 

'package:flutter_icon_picker/flutter_icon_picker.dart';

and then in a showDialog>AlertDialog>(place here) -> FlutterIconPicker() and you're good to go. See full Example to understand better.

Usage

///this is a quick working example
class ColorPickerExample extends StatefulWidget {
  const ColorPickerExample({Key? key}) : super(key: key);

  @override
  State<ColorPickerExample> createState() => _ColorPickerExampleState();
}

class _ColorPickerExampleState extends State<ColorPickerExample> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // backgroundColor: Color(0xffd8d4d1),
      appBar: AppBar(
        title: Text('Flutter Icon Picker'),
      ),
      body: Center(
        child:
        OutlinedButton(
          style: utils.buttonStyle(),
          child: Icon(
            Icons.bike_scooter,
            size: 33,
          ),
          onPressed: () {
            ///Simply create a [showDialog]
            showDialog(
              context: context,

              ///inside [showDialog] create an [AlertDialog]
              builder: (context) =>
                  AlertDialog(
                    title: const Text('Choose an icon !'),

                    ///at last inside that [AlertDialog] place [FlutterIconPicker]
                    content: FlutterIconPicker(

                      ///
                      ///if true every item icon in the picker will have a random color (default false)
                      ///if  both [random] & [color] property are given together that the [color] will be given preference
                      randomIconColors: true,

                      ///give a particular color (then all icons will have that color)
                      // color: Colors.black,

                      onChanged: (value) {
                        // print(value);

                        ///when user selects an icon the value is returned as a map
                        /// like this :- {icon_name: ten_k, icon_code: 57344, flutter_icon: IconData(U+0E000)}

                      },
                    ),
                  ),
            );
          },
        ),

      ),
    );
  }
}

Additional information

This package is solely created to help developers to increase there productivity. Hope you enjoy using the package.