Description
A new Flutter package that provides native iOS Color Picker cloned UI for all platforms, with iOS Native color Picker option for iOS only
Supported Platforms
- Linux
- macOS
- Web
- Windows
- iOS
- Android
Features
Screenshots & Demo




Getting Started
This package is easy to integrate into your Flutter application. See the usage section below to get started.
Usage
/// Native iOS Color Picker
ElevatedButton(
onPressed: () {
iosColorPickerController.showNativeIosColorPicker(
startingColor: backgroundColor,
darkMode: true,
onColorChanged: (color) {
setState(() {
backgroundColor = color;
});
},
);
},
child: Text("Native iOS"),
),
/// Custom iOS Color Picker (for all platforms)
ElevatedButton(
onPressed: () {
iosColorPickerController.showIOSCustomColorPicker(
startingColor: backgroundColor,
onColorChanged: (color) {
setState(() {
backgroundColor = color;
});
},
context: context,
);
},
child: Text("Custom iOS for all"),
),
You have to
Dispose the controller because the streamer, check the example in example/ folder
IOSColorPickerController iosColorPickerController =
IOSColorPickerController();
@override
void dispose() {
iosColorPickerController.dispose();
super.dispose();
}
🧪 Example
Run the app in the example/ folder to explore the plugin.
Additional Information
For more updates and inquiries, connect with me on LinkedIn:
Libraries
- custom_picker/color_observer
- custom_picker/extensions
- custom_picker/helpers/cache_helper
- custom_picker/history_colors
- custom_picker/ios_color_picker
- custom_picker/palette
- custom_picker/pickers/area_picker
- custom_picker/pickers/grid_picker
- custom_picker/pickers/slider_picker/slider_helper
- custom_picker/pickers/slider_picker/slider_picker
- custom_picker/pickers_selector_row
- custom_picker/utils
- native_picker/ios_color_picker
- native_picker/ios_color_picker_method_channel
- native_picker/ios_color_picker_platform_interface
- native_picker/ios_color_picker_web
- show_ios_color_picker