Fixed issue #1 - text render overflowed

Author: hslbetto

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.0.1 - 2020-08-05
+
+* Fixed issue #1 - text render overflowed
+
 ## 1.0.0 - 2020-07-17
 
 * Fixed use of widget with empty initial value

README.md

@@ -12,7 +12,7 @@ In the `pubspec.yaml` of your flutter project, add the following dependency:
 ```yaml
 dependencies:
   ...
-  select_form_field: "^1.0.0"
+  select_form_field: "^1.0.1"
 ```
 
 In your library add the following import:

example/lib/main.dart

@@ -36,7 +36,7 @@ class _MyHomePageState extends State<MyHomePage> {
     },
     {
       'value': 'circleValue',
-      'label': 'Circle Label',
+      'label': 'Circle Label Loooooooooooooooooooong text',
       'icon': Icon(Icons.fiber_manual_record),
       'textStyle': TextStyle(color: Colors.red),
     },

lib/select_form_field.dart

@@ -493,7 +493,14 @@ class _SelectFormFieldState extends FormFieldState<String> {
         child: Row(
           children: [
             lmElement['icon'] ?? SizedBox(width: 5),
-            Text(lmElement['label'] ?? lmElement['value']),
+            Expanded(
+              child: Text(
+                lmElement['label'] ?? lmElement['value'],
+                overflow: TextOverflow.fade,
+                maxLines: 1,
+                softWrap: false,
+              ),
+            ),
           ],
         ),
       );

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: 1.0.0
+version: 1.0.1
 homepage: https://github.com/m3uzz/select_form_field
 
 environment: