insta_color_picker

Description:

insta color picker

insta_color_picker #
A Flutter package that offers an Instagram-inspired color picker for elegant color selection.
Installation #
To use the Insta Color Picker package, add it to your pubspec.yaml file:

dependencies:
insta_color_picker: ^1.0.0
copied to clipboard
Basic Usage #
import 'package:insta_color_picker/insta_color_picker.dart';


Color _color;

InstaColorPicker(
selectedColor: _color,
pageController: PageController()
onColorSelected: (color) {
setState(() {
_color = color;
});
},
),
copied to clipboard
Advanced Usage #
import 'package:insta_color_picker/insta_color_picker.dart';



Color _color;

InstaColorPicker(
activeDotColor: Colors.red,
colorButtonSize: 60,
colorsList: myColorPalettes,
onColorSelected: (color) {
// Handle the selected color
print('Selected color: $color');
},
pageController: PageController(),
// ... other parameters
)
copied to clipboard
Customisation #
The InstaColorPicker class provides the following parameters for customization:
*activeDotColor
*activeDotScale
*colorButtonSize
*colorButtonBorderColor
*colorsList
*colorPaletteHeight
*dotColor
*dotHeight
*dotWidth
*height
*icon
*iconPadding
*iconSize
*onColorSelected
*pageController
*pageIndicatorSpacing
*selectedColorSize
*selectedColor
Refer to the class documentation for detailed information about each parameter.
Examples #
For more detailed usage examples, please refer to the example directory in this repository.
Color Palettes #
You can use the predefined color palettes provided by the insta_color_picker package. Here is the example for usage:
Use your colors:
List<Color> myCustomPalette = [
PaletteColors.magenta,
PaletteColors.palePeach,
PaletteColors.indigo,
// Add your custom colors here
];

// Use the color palette in your InstaColorPicker instance
InstaColorPicker(
colorsList: myCustomPalette,
// Other parameters
);
copied to clipboard
Use our color palettes:

// Use the color palette in your InstaColorPicker instance
InstaColorPicker(
colorsList: [PaletteColors.oceanBreeze, PaletteColors.autumnVibes, PaletteColors.pastelDream],
// Other parameters
);
copied to clipboard