salim-lachdhaf / dropdown_search

Simple and robust Dropdown with item search feature, making it possible to use an offline item list or filtering URL for easy customization.
MIT License
346 stars 334 forks source link

An option to embed SearchBox with Ripple effect #705

Closed Sinaloense closed 1 week ago

Sinaloense commented 3 weeks ago

Is your feature request related to a problem? Please describe. No

Describe the solution you'd like

  1. Props to set ripple effect to SearchBox.
  2. Builder to embed SearchBox with Inkwell.

Describe alternatives you've considered

Additional context I didn't found how to add ripple effect to SearchBox:

return Column(
    children: [
        Material(
          color: Colors.transparent,
          child: DropdownSearch<String>(
            items: (filter, infiniteScrollProps) => ['hello', 'world'],
            clickProps: ClickProps(
              borderRadius: BorderRadius.circular(20.00),
            ),
            decoratorProps: DropDownDecoratorProps(
              decoration: InputDecoration(
                labelText: "Sucursal",
                helperText: 'Busque y seleccione la sucursal',
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20.00),
                ),
              ),
            ),
            popupProps: const PopupPropsMultiSelection.modalBottomSheet(
              showSearchBox: true,
              searchDelay: Duration(milliseconds: 0),
              searchFieldProps: TextFieldProps(
                decoration: InputDecoration(
                  labelText: "Buscar sucursal",
                  border: OutlineInputBorder(
                    borderRadius: BorderRadius.all(Radius.circular(20.00)),
                  ),
                ),
              ),
            ),
          ),
        ),
    ],
);

Screenshots flutter_pos_xkgZtNXVIo

dropdown_search: ^6.0.1

salim-lachdhaf commented 1 week ago

this is not possible in this package. seachBox is a textField and textFileld has no Ripple effect