easy_color_picker 1.0.0

Simple but flexible color picker to help you handle color selection

Easy Search Bar

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

Preview

Usage

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

dependencies:
  ...
  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() {
  runApp(Example());
}

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

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

  @override
  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)
          )
        )
      )
    );
  }
}

API

Attribute	Type	Required	Description	Default value
selected	Color	✔️	The current selected color from color picker
onChanged	Function(Color)	✔️	Function that returns the current selected color clicked by user
colorSelectorSize	double	❌	The size for each color selector option	30
colorSelectorBorderRadius	double	❌	Border radius for each color selector	5
optionsMargin	double	❌	Margin to applied between options	2
selectedIcon	IconData	❌	Icon to be displayed on top of current select color option	Icons.check_rounded
selectedIconSize	double	❌	Icon size for current selected color option	20
selectedIconColor	Color	❌	Icon color for current selected color option	Colors.white
colors	List<Color>	❌	List of color to be displayed for selection	[Colors.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

• Quantity Input
• Easy Search Bar

Thank you for the support!