Option to exclude country selector chip from focus (#223)

* add option to exclude country selector navigator chip from focus traversal * make country selector navigator chip always unfocusable
cedvdb · Mar 11, 2024 · ad50bd6 · ad50bd6
1 parent eee51af
commit ad50bd6
Showing 1 changed file with 20 additions and 18 deletions.
diff --git a/lib/src/phone_form_field_state.dart b/lib/src/phone_form_field_state.dart
@@ -137,24 +137,26 @@ class PhoneFormFieldState extends FormFieldState<PhoneNumber> {
   }
 
   Widget _buildCountryCodeChip(BuildContext context) {
-    return AnimatedBuilder(
-      animation: controller,
-      builder: (context, _) => CountryButton(
-        key: const ValueKey('country-code-chip'),
-        isoCode: controller.value.isoCode,
-        onTap: widget.enabled ? _selectCountry : null,
-        padding: _computeCountryButtonPadding(context),
-        showFlag: widget.showFlagInInput,
-        showIsoCode: widget.showIsoCodeInInput,
-        showDialCode: widget.showDialCode,
-        textStyle: widget.countryCodeStyle ??
-            widget.decoration.labelStyle ??
-            TextStyle(
-              fontSize: 16,
-              color: Theme.of(context).textTheme.bodySmall?.color,
-            ),
-        flagSize: widget.flagSize,
-        enabled: widget.enabled,
+    return ExcludeFocus(
+      child: AnimatedBuilder(
+        animation: controller,
+        builder: (context, _) => CountryButton(
+          key: const ValueKey('country-code-chip'),
+          isoCode: controller.value.isoCode,
+          onTap: widget.enabled ? _selectCountry : null,
+          padding: _computeCountryButtonPadding(context),
+          showFlag: widget.showFlagInInput,
+          showIsoCode: widget.showIsoCodeInInput,
+          showDialCode: widget.showDialCode,
+          textStyle: widget.countryCodeStyle ??
+              widget.decoration.labelStyle ??
+              TextStyle(
+                fontSize: 16,
+                color: Theme.of(context).textTheme.bodySmall?.color,
+              ),
+          flagSize: widget.flagSize,
+          enabled: widget.enabled,
+        ),
       ),
     );
   }