* Fixed bug of return when click outside the select items

* Improved validation of initialValue and items parameters

Author: hslbetto

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 2.1.0 - 2021-07-07
+
+* Fixed bug of return when click outside the select items
+* Improved validation of initialValue and items parameters
+
 ## 2.0.0 - 2021-03-09
 
 * Migrate to null safety.

README.md

@@ -2,6 +2,8 @@
 
 [![pub package](https://img.shields.io/pub/v/select_form_field.svg)](https://pub.dartlang.org/packages/select_form_field)
 
+<a href="https://www.buymeacoffee.com/hslbetto" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Beer" style="width: 150px !important;"></a>
+
 A Flutter select field widget. It shows a list of options in a dropdown menu.\
 This widget extend TextField and has a similar behavior as TextFormField
 
@@ -12,7 +14,7 @@ In the `pubspec.yaml` of your flutter project, add the following dependency:
 ```yaml
 dependencies:
   ...
-  select_form_field: "^2.0.0"
+  select_form_field: "^2.1.0"
 ```
 
 In your library add the following import:

example/lib/main.dart

@@ -48,12 +48,46 @@ class _MyHomePageState extends State<MyHomePage> {
     },
   ];
 
+  /*final List<Map<String, dynamic>> _items = [
+    {'value': 1},
+    {'value': 2},
+    {'value': 3},
+    {'value': 4},
+    {'value': 5},
+    {'value': 6},
+    {'value': 7},
+    {'value': 8},
+    {'value': 9},
+    {'value': 10},
+    {'value': 11},
+    {'value': 12},
+    {'value': 13},
+    {'value': 14},
+    {'value': 15},
+    {'value': 16},
+    {'value': 17},
+    {'value': 18},
+    {'value': 19},
+    {'value': 20},
+    {'value': 21},
+    {'value': 22},
+    {'value': 23},
+    {'value': 24},
+    {'value': 25},
+    {'value': 26},
+    {'value': 27},
+    {'value': 28},
+    {'value': 29},
+    {'value': 30},
+    {'value': 31},
+  ];*/
+
   @override
   void initState() {
     super.initState();
 
     //_initialValue = 'starValue';
-    _controller = TextEditingController(text: 'starValue');
+    _controller = TextEditingController(text: '2');
 
     _getValue();
   }
@@ -82,7 +116,7 @@ class _MyHomePageState extends State<MyHomePage> {
           child: Column(
             children: <Widget>[
               SelectFormField(
-                //type: SelectFormFieldType.dialog,
+                type: SelectFormFieldType.dialog,
                 controller: _controller,
                 //initialValue: _initialValue,
                 icon: Icon(Icons.format_shapes),

example/pubspec.yaml

@@ -28,7 +28,7 @@ dependencies:
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^0.1.3
-  select_form_field: #^2.0.0
+  select_form_field: #^2.1.0
     path: ../
 
 dev_dependencies:

lib/select_form_field.dart

@@ -429,11 +429,12 @@ class _SelectFormFieldState extends FormFieldState<String> {
     if (_effectiveController?.text != null &&
         _effectiveController?.text != '') {
       _item = widget.items?.firstWhere(
-        (lmItem) => lmItem['value'].toString() == _effectiveController?.text,
-      );
+          (lmItem) => lmItem['value'].toString() == _effectiveController?.text,
+          orElse: () => <String, dynamic>{});
 
-      if (_item != null) {
-        _labelController.text = _item?['label'];
+      if (_item!.length > 0) {
+        _labelController.text =
+            _item!['label']?.toString() ?? _item!['value']!.toString();
 
         if (widget.changeIcon &&
             _item?['icon'] != null &&
@@ -469,11 +470,13 @@ class _SelectFormFieldState extends FormFieldState<String> {
     if (_effectiveController?.text != null &&
         _effectiveController?.text != '') {
       _item = widget.items?.firstWhere(
-        (lmItem) => lmItem['value'] == _effectiveController?.text,
+        (lmItem) => lmItem['value'].toString() == _effectiveController?.text,
+        orElse: () => <String, dynamic>{},
       );
 
-      if (_item != null) {
-        _labelController.text = _item?['label'];
+      if (_item!.length > 0) {
+        _labelController.text =
+            _item!['label']?.toString() ?? _item!['value']!.toString();
 
         if (widget.changeIcon &&
             _item?['icon'] != null &&
@@ -519,15 +522,16 @@ class _SelectFormFieldState extends FormFieldState<String> {
       initialValue: value,
       items: _renderItems(),
     );
-    if (lvPicked == null) return;
 
-    if (lvPicked != value) {
+    if (lvPicked != null && lvPicked != value) {
       _item = widget.items?.firstWhere(
-        (lmItem) => lmItem['value'] == lvPicked,
+        (lmItem) => lmItem['value'].toString() == lvPicked,
+        orElse: () => <String, dynamic>{},
       );
 
-      if (_item != null) {
-        _labelController.text = _item?['label'];
+      if (_item!.length > 0) {
+        _labelController.text =
+            _item!['label']?.toString() ?? _item!['value']!.toString();
         _effectiveController?.text = lvPicked.toString();
 
         if (widget.changeIcon &&
@@ -538,13 +542,13 @@ class _SelectFormFieldState extends FormFieldState<String> {
           });
         }
 
-        onChangedHandler(lvPicked.toString());
+        onChangedHandler(lvPicked);
       }
     }
   }
 
   Future<void> _showSelectFormFieldDialog() async {
-    Map<String, dynamic> lvPicked = await showDialog<dynamic>(
+    Map<String, dynamic>? lvPicked = await showDialog<dynamic>(
       context: context,
       builder: (BuildContext context) {
         return ItemPickerDialog(
@@ -558,7 +562,8 @@ class _SelectFormFieldState extends FormFieldState<String> {
     );
 
     if (lvPicked is Map<String, dynamic>) {
-      _labelController.text = lvPicked['label'];
+      _labelController.text =
+          lvPicked['label']?.toString() ?? lvPicked['value']!.toString();
       _effectiveController?.text = lvPicked['value'].toString();
 
       if (widget.changeIcon &&
@@ -578,15 +583,16 @@ class _SelectFormFieldState extends FormFieldState<String> {
 
     widget.items?.forEach((lmElement) {
       PopupMenuItem<String> loItem = PopupMenuItem<String>(
-        value: lmElement['value'],
+        value: lmElement['value'].toString(),
         enabled: lmElement['enable'] ?? true,
         textStyle: lmElement['textStyle'] ?? lmElement['textStyle'],
         child: Row(
           children: [
             lmElement['icon'] ?? SizedBox(width: 5),
             Expanded(
               child: Text(
-                lmElement['label'] ?? lmElement['value'],
+                lmElement['label']?.toString() ??
+                    lmElement['value']!.toString(),
                 overflow: TextOverflow.fade,
                 maxLines: 1,
                 softWrap: false,
@@ -743,7 +749,8 @@ class _ItemPickerDialogState extends State<ItemPickerDialog> {
         _lItemListShow.clear();
 
         _lItemListOriginal.forEach((loCredential) {
-          lsValue = loCredential['label'].toLowerCase();
+          lsValue = loCredential['label']?.toString().toLowerCase() ??
+              loCredential['value']!.toString().toLowerCase();
 
           if (lsValue.contains(lsQuery)) {
             _lItemListShow.add(loCredential);
@@ -785,7 +792,7 @@ class ListItem extends StatelessWidget {
       Widget loIten = ListTile(
         leading: lmItem['icon'] ?? null,
         title: Text(
-          lmItem['label'] ?? lmItem['value'],
+          lmItem['label']?.toString() ?? lmItem['value']!.toString(),
           style: lmItem['textStyle'] ?? lmItem['textStyle'],
         ),
         enabled: lmItem['enable'] ?? true,

pubspec.yaml

@@ -1,6 +1,6 @@
 name: select_form_field
 description: A Flutter select form field widget. It shows a list of options in a dropdown menu.
-version: 2.0.0
+version: 2.1.0
 homepage: https://github.com/m3uzz/select_form_field
 
 environment: