Merge pull request #39 from ElAdrixHD/main

Fixed bad pad field performance on web.

Author: deandreamatias

CHANGELOG.md

@@ -1,11 +1,12 @@
-## [8.4.0] - 26-Oct-2022
+## [8.4.0] - 28-Oct-2022
 
 * Set by default flex loose to `FormBuilderSearchableDropdown`
 * Set show search field by default
 * Added customization support for color picker field
 * Bumped dependencies :
   * `flutter_form_builder` from 7.3.1 to 7.7.0
   * `dropdown_search` from 5.0.2 to 5.0.3
+* Performance improvement on FormBuilderSignaturePad on Web
 
 ## [8.3.0] - 27-Jul-2022
 

lib/src/fields/form_builder_signature_pad.dart

@@ -9,7 +9,15 @@ import 'package:signature/signature.dart';
 class FormBuilderSignaturePad extends FormBuilderField<Uint8List> {
   /// Controls the value of the signature pad.
   ///
-  /// If null, this widget will create its own [TextEditingController].
+  /// If null, this widget will create its own [SignatureController].
+  ///
+  /// If your controller has the "onDrawEnd" method, your method will be executed first and then the values will be saved in the form field
+  ///  _controller.onDrawEnd = () async {
+  ///       onDrawEnd?.call();
+  ///       requestFocus();
+  ///       final val = await _getControllerValue();
+  ///       didChange(val);
+  ///     };
   final SignatureController? controller;
 
   /// Width of the canvas
@@ -135,21 +143,24 @@ class FormBuilderSignaturePadState
   void initState() {
     super.initState();
     _controller = widget.controller ?? SignatureController();
-    _controller.addListener(() async {
+
+    final onDrawEnd = _controller.onDrawEnd;
+
+    _controller.onDrawEnd = () async {
+      onDrawEnd?.call();
       requestFocus();
       final val = await _getControllerValue();
       didChange(val);
-    });
+    };
+
     SchedulerBinding.instance.addPostFrameCallback((Duration duration) async {
       // Get initialValue or if points are set, use the  points
       didChange(initialValue ?? await _getControllerValue());
     });
   }
 
   Future<Uint8List?> _getControllerValue() async {
-    return await _controller.toImage() != null
-        ? await _controller.toPngBytes()
-        : null;
+    return await _controller.toPngBytes();
   }
 
   @override