davidsdearaujo / select_dialog

Flutter package designed to select an item from a list, with the option to filter and even search the items online.

select_dialog Package

Package designed to select an item from a list, with the option to filter and even search the items online.

Versions

Non Null Safety Version: 1.2.3 or less

Null Safety Version: 2.0.0 or more

pubspec.yaml

select_dialog: <last version>

import

import 'package:select_dialog/select_dialog.dart';

Simple example

String ex1 = "No value selected";

SelectDialog.showModal<String>(
  context,
  label: "Simple Example",
  selectedValue: ex1,
  items: List.generate(50, (index) => "Item $index"),
  onChange: (String selected) {
    setState(() {
      ex1 = selected;
    });
  },
);

Multiple items select

List<String> ex5 = [];

SelectDialog.showModal<String>(
  context,
  label: "Multiple Items Example",
  multipleSelectedValues: ex5,
  items: List.generate(50, (index) => "Item $index"),
  onMultipleItemsChange: (List<String> selected) {
    setState(() {
      ex5 = selected;
    });
  },
); 

MORE EXAMPLES

Attention

To use a template as an item type, you need to implement toString, equals and hashcode, as shown below:

class UserModel {
  final String id;
  final DateTime createdAt;
  final String name;
  final String avatar;

  UserModel({this.id, this.createdAt, this.name, this.avatar});

  @override
  String toString() => name;

  @override
  operator ==(o) => o is UserModel && o.id == id;

  @override
  int get hashCode => id.hashCode^name.hashCode^createdAt.hashCode;

}

Getting Started

This project is a starting point for a Dart package, 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, which offers tutorials, samples, guidance on mobile development, and a full API reference.

select_dialog's Issues

How to control the height and padding of each item？

How to control the height and padding of each item？

Label Should accept a widget not a String

Hi, I have been facing this issue so I fixed it and have raised a PR please merge and release new version.

Reset Button

Hi everyone,

I would like to help your project by adding some features like:

• Reset Button (I have already implemented this one)
• Visualise selected items before in multi selection mode (Done this too)

If you are interested please tell me 👍

Regards

type 'BoxConstraints' is not a subtype of type 'bool'

When: constraints: BoxConstraints(maxHeight: 100.0),
Thank you!

Close button or icon for modal

Please add possibility to add Button for closing modal.

Empty parameter

Add parameter "onEmpty", type Widget Function(BuildContext).
Add in file select_dialog.dart, line 120

Idea: Pull Request #7

Auto-focus text field for searching

Hello,

It would be great if the text field for typing in search text would get focus automatically when you open the dialog, so that the user does not have to first tap in the field every time he wants to type in search text. Perhaps as an "autoFocusSearchField" option...

Thanks.

barrierDismissable Not Working

The named parameter 'barrierDismissable' isn't defined

Error After Flutter Upgrade

After Upgrading to the latest flutter stable release 1.12.3 my project is not buildable anymore because of the following error:

../flutter/.pub-cache/hosted/pub.dartlang.org/select_dialog-1.0.6+1/lib/select_bloc.dart:9:3: Error: 'Observable' isn't a type. Observable<List<T>> _filteredListOnlineOut;

Select multiple itens

Adicionar funcionalidade de selecionar múltiplos itens

Error: No named parameter with the name 'isAlwaysShown'

On Flutter 3.12 its showing this error:
"No named parameter with the name 'isAlwaysShown'" related to the Scrollbar widget.

Update rxdart to ^0.24.1

Facing the below issue:
Because select_dialog >=1.0.7 depends on rxdart ^0.23.1 and flutter_plugin_pdf_viewer 1.0.7 depends on rxdart ^0.24.1, select_dialog >=1.0.7 is incompatible with flutter_plugin_pdf_viewer 1.0.7. And because no versions of flutter_plugin_pdf_viewer match >1.0.7 <2.0.0, select_dialog >=1.0.7 is incompatible with flutter_plugin_pdf_viewer ^1.0.7.

Error on Launching app

i`m using Flutter 3.13.1
In my app, is showing the error bellow:

Error: No named parameter with the name 'isAlwaysShown'.
select_dialog.dart:218
isAlwaysShown: widget.alwaysShowScrollBar,
^^^^^^^^^^^^^
: Context: Found this candidate, but the arguments don't match.
scrollbar.dart:87

const Scrollbar({
^^^^^^^^^

Method "showDialog" is not closing as it used to

A new attribute of the material's showDialog was added 10 months ago.
Basically, when this attribute is true, the opened dialog doesn't close when we tap Back in our device.
It'll only close if we tap outside the dialog.

autofocus issue

After searching online with autofocus set to true, when selecting a search result, the indicator continues to be displayed and does not become selected.

shrinkWrap option for short item list

Is there a way to set the height of the pop up modal? i would want the modal to be smaller if the item size is small

Custom Search Filtering

Hi guys! ❤️

Thank you so much for this amazing tool!

I would like to know if we can please override the default filtering. I am using the itemBuilder to build a list of a ICD10 model of mine. The documentation did not really go into detail about that part.
The model has an id, code and description in its fields.

_showICD10Dialog() {
    List<ICD10> ex5 = [];
    SelectDialog.showModal<ICD10>(
      context,
      label: "ICD10 Codes",
      multipleSelectedValues: ex5,
      items: _allICD10,
      onMultipleItemsChange: (List<ICD10> selected) {
        setState(() {
          ex5 = selected;
        });
      },
      itemBuilder: (BuildContext context, ICD10 icd10, bool isSelected) {
        return Container(
          decoration: !isSelected
              ? null
              : BoxDecoration(
                  borderRadius: BorderRadius.circular(5.0),
                  color: Colors.white,
                  border: Border.all(
                    color: Theme.of(context).primaryColor,
                  ),
                ),
          child: ListTile(
            selected: isSelected,
            title: Text(icd10.icd10Code),
            subtitle: Text(icd10.icd10Description),
          ),
        );
      },
    );

How can I make sure that it filters the code and description of the search?

Observable<List<T>> filteredListOut;

Observable<List> filteredListOut;
Compiler message:
../../../flutterApp/flutter/.pub-cache/hosted/pub.dartlang.org/select_dialog-1.0.6+1/lib/select_bloc.dart:8:3: Error: Type 'Observable' not found.
Observable<List> filteredListOut;

Change onFind text by programmatically

I need to insert programmatically a string in find field.
Any chance to give us a customController to onFind field?

Error: Type 'Observable' not found

I had this problem today,could you help me solve it?

Compiler message:
../../Downloads/flutter/.pub-cache/hosted/pub.flutter-io.cn/find_dropdown-0.1.7+1/lib/find_dropdown_bloc.dart:9:3: Error: Type 'Observable' not found.
Observable get validateMessageOut => _validateMessage$;
^^^^^^^^^^
../../Downloads/flutter/.pub-cache/hosted/pub.flutter-io.cn/find_dropdown-0.1.7+1/lib/find_dropdown_bloc.dart:9:3: Error: Expected 0 type arguments.
Observable get validateMessageOut => _validateMessage$;
^
../../Downloads/flutter/.pub-cache/hosted/pub.flutter-io.cn/select_dialog-1.0.6+1/lib/select_bloc.dart:8:3: Error: Type 'Observable' not found.
Observable<List> filteredListOut;
^^^^^^^^^^
../../Downloads/flutter/.pub-cache/hosted/pub.flutter-io.cn/select_dialog-1.0.6+1/lib/select_bloc.dart:8:3: Error: Expected 0 type arguments.
Observable<List> filteredListOut;

Limit itens selected

Is possible to limit itens selected on multiselecct?

Add param to hide searchbox

Add param to hide searchbox

Update rxdart to 0.24.0

It's not too much of an issue since I just override the version manually, but it would be great if you upgraded the rxdart dependency.

Is it possible to add "AlwaysShowScrollBar" option?

As the title suggests.

For example：
final bool alwaysShowScrollBar; // like this

Scrollbar(
isAlwaysShown: alwaysShowScrollBar, child: ...
)

Thank you!

Add searchBoxDecoration property

Add searchBoxDecoration property