Update SmartMultiSelectBuilderInfo and example

Author: davigmacode

CHANGELOG.md

@@ -1,11 +1,17 @@
-## [0.0.1] - 2019-11-25
+## [0.1.1] - 2019-11-26
 
-* A description for people who will use that package or version.
-* Add single choice select using page, popup, or bottom sheet
-* Add multiple choice select using page, popup, or bottom sheet
+* Add values field to SmartMultiSelectBuilderInfo class
+* Update default SmartMultiSelect placeholder
+* Update example
 
 ## [0.1.0] - 2019-11-26
 
 * Fixed bug return value multi select not updated from popup and bottom sheet options
 * Update example
-* Format documents
+* Format documents
+
+## [0.0.1] - 2019-11-25
+
+* A description for people who will use that package or version.
+* Add single choice select using page, popup, or bottom sheet
+* Add multiple choice select using page, popup, or bottom sheet

README.md

@@ -1,14 +1,3 @@
 # smart_select
 
-A new Flutter package project.
-
-## Getting Started
-
-This project is a starting point for a Dart
-[package](https://flutter.dev/developing-packages/),
-a library module containing code that can be shared easily across
-multiple Flutter or Dart projects.
-
-For help getting started with Flutter, view our 
-[online documentation](https://flutter.dev/docs), which offers tutorials, 
-samples, guidance on mobile development, and a full API reference.
+Smart select allows you to easily convert your usual form selects to dynamic pages with grouped radio or checkbox inputs.

example/lib/options.dart

@@ -85,6 +85,7 @@ class _OptionsListState extends State<OptionsList> {
           Divider(indent: 15),
           SmartMultiSelect(
             title: 'Cars',
+            placeholder: 'Choose one or more',
             value: _car,
             options: [
               { 'value': 'hon', 'label': 'Honda' },
@@ -103,6 +104,19 @@ class _OptionsListState extends State<OptionsList> {
               { 'value': 'for', 'label': 'Ford' },
               { 'value': 'fer', 'label': 'Ferrari' },
             ],
+            builder: (context, info) {
+              return ListTile(
+                title: Text(info.title),
+                subtitle: Text(
+                  info.values,
+                  style: TextStyle(color: Colors.grey),
+                  overflow: TextOverflow.ellipsis,
+                  maxLines: 1,
+                ),
+                trailing: Icon(Icons.keyboard_arrow_right, color: Colors.grey),
+                onTap: () => info.showOptions(context),
+              );
+            },
             onChange: (val) => setState(() => _car = val),
           ),
           Divider(indent: 15),

example/pubspec.lock

@@ -85,7 +85,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "0.1.0"
+    version: "0.1.1"
   source_span:
     dependency: transitive
     description:

lib/multi_choice/builder.dart

@@ -26,6 +26,10 @@ class SmartMultiSelectBuilderInfo {
   List get selectedValue {
     return selected != null ? selected.map((x) => x['label']).toList() : null;
   }
+
+  String get values {
+    return selected != null && selected.length > 0 ? selectedLabel.join(', ') : placeholder;
+  }
 }
 
 class SmartMultiSelectBuilderDefault extends StatelessWidget {
@@ -44,12 +48,10 @@ class SmartMultiSelectBuilderDefault extends StatelessWidget {
             Container(
               constraints: BoxConstraints(maxWidth: 100),
               child: Text(
-                info.selected != null
-                    ? info.selectedLabel.join(', ')
-                    : info.placeholder,
+                info.values,
+                style: TextStyle(color: Colors.grey),
                 overflow: TextOverflow.ellipsis,
                 maxLines: 1,
-                style: TextStyle(color: Colors.grey),
               ),
             ),
             Padding(

lib/multi_choice/main.dart

@@ -30,7 +30,7 @@ class SmartMultiSelect extends StatefulWidget {
   SmartMultiSelect.popup({
     Key key,
     this.title,
-    this.placeholder = 'Select one',
+    this.placeholder = 'Select one or more',
     this.value,
     this.options,
     this.onChange,

pubspec.yaml

@@ -2,7 +2,7 @@ name: smart_select
 description: Smart select allows you to easily convert your usual form selects to dynamic pages with grouped radio or checkbox inputs.
 author: Irfan Vigma Taufik<[email protected]>
 homepage: https://github.com/davigmacode/flutter_smart_select
-version: 0.1.0
+version: 0.1.1
 
 environment:
   sdk: ">=2.1.0 <3.0.0"