unfocus textfield when tapped outside

lib/screens/shared/text_field/widget_text_field.dart

@@ -1,27 +1,61 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 
-class LightmeterTextField extends TextFormField {
+class LightmeterTextField extends StatefulWidget {
-  LightmeterTextField({
+  const LightmeterTextField({
-    super.controller,
+    this.autofocus = false,
-    super.autofocus,
+    this.controller,
-    super.initialValue,
+    this.hintText,
-    super.inputFormatters,
+    this.initialValue,
-    super.maxLength,
+    this.inputFormatters,
-    super.onChanged,
+    this.leading,
-    super.style,
+    this.maxLength,
-    super.textAlign,
+    this.onChanged,
-    Widget? leading,
+    this.style,
-    String? hintText,
+    this.textAlign = TextAlign.start,
-  }) : super(
+  });
+
+  final bool autofocus;
+  final TextEditingController? controller;
+  final String? hintText;
+  final String? initialValue;
+  final List<TextInputFormatter>? inputFormatters;
+  final Widget? leading;
+  final int? maxLength;
+  final void Function(String)? onChanged;
+  final TextStyle? style;
+  final TextAlign textAlign;
+
+  @override
+  State<LightmeterTextField> createState() => _LightmeterTextFieldState();
+}
+
+class _LightmeterTextFieldState extends State<LightmeterTextField> {
+  late final focusNode = FocusNode(debugLabel: widget.hintText);
+
+  @override
+  Widget build(BuildContext context) {
+    return TextFormField(
+      autofocus: widget.autofocus,
       autovalidateMode: AutovalidateMode.onUserInteraction,
-          maxLines: 1,
+      controller: widget.controller,
+      focusNode: focusNode,
+      initialValue: widget.initialValue,
+      inputFormatters: widget.inputFormatters,
+      maxLength: widget.maxLength,
+      onChanged: widget.onChanged,
+      style: widget.style,
+      textAlign: widget.textAlign,
       decoration: InputDecoration(
         counter: const SizedBox(),
         contentPadding: EdgeInsets.zero,
         errorStyle: const TextStyle(fontSize: 0),
-            icon: leading,
+        icon: widget.leading,
-            hintText: hintText,
+        hintText: widget.hintText,
       ),
+      onTapOutside: (event) {
+        focusNode.unfocus();
+      },
       validator: (value) {
         if (value == null || value.isEmpty) {
           return '';
@@ -30,4 +64,11 @@ class LightmeterTextField extends TextFormField {
         }
       },
     );
+  }
+
+  @override
+  void dispose() {
+    focusNode.dispose();
+    super.dispose();
+  }
 }