easy_color_picker

Description:

easy color picker

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
copied to clipboard
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)
)
)
)
);
}
}
copied to clipboard
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! #