searchable_bottom_sheet 0.0.3

searchable_bottom_sheet: ^0.0.3 copied to clipboard

Introduction #

"Seamlessly explore and choose from a neatly organized list available in a user-friendly bottom sheet."

Key Features #

Model-Based Search: Define a single model, and the package handles the rest for seamless searching.

Highly Customizable UI: Easily modify the bottom sheet design, including colors, text styles, and layouts.

Optimized Search Functionality: Lightning-fast search performance for large lists, ensuring smooth user experience.

Dynamic List Handling: Automatically updates the displayed list based on search input.

Multiple Search Key : Search with multiple search keys

Demo #

Getting started #

1. Install the package: Add the following line to your pubspec.yaml file: dependencies: searchable_bottom_sheet

2. Import the package: In your Dart code, import the necessary widget: import 'package:searchable_bottom_sheet/searchable_bottom_sheet.dart';

Usage #

TODO: View /example folder.

Searchable Bottom Sheet #

SearchableBottomSheet.show<FruitListModel>(
              context: context,
              items: fruitList,
              onItemSelected: (selectedFruit) {
                debugPrint("Selected Fruit: ${selectedFruit.fruitName}");
              },
              searchKey: (fruit) => [fruit.fruitName],
              useSafeArea: true,
              itemBuilder: (fruit) => ListTile(
                title: Text(fruit.fruitName),
              ),
            );

Additional information #

Contributing: We welcome your contributions! Feel free to submit bug reports, feature requests, or pull requests to improve this package. Issues: Please report any issues you encounter using the GitHub issue tracker: https://github.com/dharmik117/searchable_bottom_sheet. License: This package is released under the MIT License (see LICENSE file for details). Example:

A more elaborate example showcasing both widgets can be found in the /example directory of this package.