feat: add onColorChanged callback (#11)

rxlabz · Sep 30, 2022 · ad331d2 · ad331d2
1 parent 5531f6f
commit ad331d2
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 5 deletions.
diff --git a/lib/src/widgets/color_button.dart b/lib/src/widgets/color_button.dart
@@ -175,7 +175,7 @@ class _ColorButtonState extends State<ColorButton> with WidgetsBindingObserver {
       EyeDrop.of(context).capture(context, (value) {
         hidden = false;
         _onEyePick(value);
-      });
+      }, null);
     } catch (err) {
       print('ERROR !!! _buildPickerOverlay $err');
     }

diff --git a/lib/src/widgets/eyedrop/eye_dropper_layer.dart b/lib/src/widgets/eyedrop/eye_dropper_layer.dart
@@ -28,6 +28,8 @@ class _EyeDropperModel {
 
   ValueChanged<Color>? onColorSelected;
 
+  ValueChanged<Color>? onColorChanged;
+
   _EyeDropperModel();
 }
 
@@ -74,6 +76,7 @@ class EyeDrop extends InheritedWidget {
         data.eyeOverlayEntry!.remove();
         data.eyeOverlayEntry = null;
         data.onColorSelected = null;
+        data.onColorChanged = null;
       } catch (err) {
         debugPrint('ERROR !!! _onPointerUp $err');
       }
@@ -91,16 +94,21 @@ class EyeDrop extends InheritedWidget {
       data.hoverColor = getPixelColor(data.snapshot!, offset);
       data.hoverColors = getPixelColors(data.snapshot!, offset);
     }
+
+    if (data.onColorChanged != null) {
+      data.onColorChanged!(data.hoverColors.center);
+    }
   }
 
-  void capture(
-      BuildContext context, ValueChanged<Color> onColorSelected) async {
+  void capture(BuildContext context, ValueChanged<Color> onColorSelected,
+      ValueChanged<Color>? onColorChanged) async {
     final renderer =
         captureKey.currentContext?.findRenderObject() as RenderRepaintBoundary?;
 
     if (renderer == null) return;
 
     data.onColorSelected = onColorSelected;
+    data.onColorChanged = onColorChanged;
 
     data.snapshot = await repaintBoundaryToImage(renderer);
 

diff --git a/lib/src/widgets/eyedrop/eyedropper_button.dart b/lib/src/widgets/eyedrop/eyedropper_button.dart
@@ -15,8 +15,12 @@ class EyedropperButton extends StatelessWidget {
   /// color selection callback
   final ValueChanged<Color> onColor;
 
+  /// hover, and the color changed callback
+  final ValueChanged<Color>? onColorChanged;
+
   const EyedropperButton({
     required this.onColor,
+    this.onColorChanged,
     this.icon = Icons.colorize,
     this.iconColor = Colors.black54,
     Key? key,
@@ -40,7 +44,7 @@ class EyedropperButton extends StatelessWidget {
 
   void _onEyeDropperRequest(BuildContext context) {
     try {
-      EyeDrop.of(context).capture(context, onColor);
+      EyeDrop.of(context).capture(context, onColor, onColorChanged);
     } catch (err) {
       throw Exception('EyeDrop capture error : $err');
     }

diff --git a/lib/src/widgets/eyedrop/eyedropper_button_web.dart b/lib/src/widgets/eyedrop/eyedropper_button_web.dart
@@ -16,11 +16,15 @@ class EyedropperButton extends StatelessWidget {
   /// color selection callback
   final ValueChanged<Color> onColor;
 
+  /// hover, and the color changed callback
+  final ValueChanged<Color>? onColorChanged;
+
   /// verify if the button is in a CanvasKit context
   bool get eyedropEnabled => js.context['flutterCanvasKit'] != null;
 
   const EyedropperButton({
     required this.onColor,
+    this.onColorChanged,
     this.icon = Icons.colorize,
     this.iconColor = Colors.blueGrey,
     Key? key,
@@ -41,7 +45,7 @@ class EyedropperButton extends StatelessWidget {
 
   void _onEyeDropperRequest(BuildContext context) {
     try {
-      EyeDrop.of(context).capture(context, onColor);
+      EyeDrop.of(context).capture(context, onColor, onColorChanged);
     } catch (err) {
       throw Exception('EyeDrop capture error : $err');
     }