Easy Search Bar

Buy Me A Pizza

A Flutter plugin to help you with color selection.<br/> A lightweight and flexible package that can be used inside any page or dialog




In the pubspec.yaml of your flutter project, add the following dependency:

  easy_color_picker: ^1.0.0

You can create a simple searchbar widget with the following example:

import 'package:easy_color_picker/easy_color_picker.dart';
import 'package:flutter/material.dart';

void main() {

class Example extends StatefulWidget {
  State<Example> createState() => _ExampleState();

class _ExampleState extends State<Example> {
  Color _selectedColor = Colors.deepPurple;

  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      home: Scaffold(
        appBar: AppBar(
          title: Text('Example'),
          backgroundColor: _selectedColor,
        body: Center(
          child: EasyColorPicker(
            selected: _selectedColor,
            onChanged: (color) => setState(() => _selectedColor = color)


AttributeTypeRequiredDescriptionDefault value
selectedColor:heavy_check_mark:The current selected color from color picker
onChangedFunction(Color):heavy_check_mark:Function that returns the current selected color clicked by user
colorSelectorSizedouble:x:The size for each color selector option30
colorSelectorBorderRadiusdouble:x:Border radius for each color selector5
optionsMargindouble:x:Margin to applied between options2
selectedIconIconData:x:Icon to be displayed on top of current select color optionIcons.check_rounded
selectedIconSizedouble:x:Icon size for current selected color option20
selectedIconColorColor:x:Icon color for current selected color optionColors.white
colorsList<Color>:x:List of color to be displayed for selectionColors.deepPurple, Colors.deepPurpleAccent, Colors.purple, Colors.purpleAccent, Colors.pinkAccent, Colors.pink, Colors.red, Colors.redAccent, Colors.deepOrange, Colors.deepOrangeAccent, Colors.orange, Colors.orangeAccent, Colors.amber, Colors.amberAccent, Colors.yellow, Colors.yellowAccent, Colors.green, Colors.lightGreen, Colors.lime, Colors.lightGreenAccent, Colors.greenAccent, Colors.lightBlueAccent, Colors.cyan, Colors.lightBlue, Colors.blue

Issues & Suggestions

If you encounter any issue you or want to leave a suggestion you can do it by filling an issue.

Other packages

Thank you for the support!