Last updated:
0 purchases
magic dropdown search
Magic Dropdown Search #
Magic Dropdown Search is a Flutter package that provides a dropdown search functionality with dynamic data from an API.
Description #
This package allows you to create a dropdown search with select feature. It is designed to be easy to use and customizable to fit your needs. The package is built with Dart and uses Flutter framework.
Installation #
To use this package, add magic_dropdown_search as a dependency in your pubspec.yaml file.
dependencies:
magic_dropdown_search: ^0.0.1
copied to clipboard
Usage #
Here is a basic example of how to use magic_dropdown_search package:
import 'package:flutter/material.dart';
import 'package:magic_dropdown_search/magic_dropdown_search.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Magic Dropdown Search Example'),
),
body: Center(
child: MagicDropdownSearch(
label: 'Search',
onChanged: (value) {
print('Selected value: $value');
},
onChangedSearch: (searchTerm) async {
// Replace this with your own search logic
return ['Item1', 'Item2', 'Item3'];
},
dropdownItems: ['Item1', 'Item2', 'Item3'],
hint: 'Select an item',
hintSearch: 'Search items',
initValue: 'Item1',
buttonWidth: 200,
itemHeight: 50,
dropdownHeight: 300,
buttonHeight: 50,
suffixIcon: Icon(Icons.search),
),
),
),
);
}
}
copied to clipboard
Features #
Dynamic data
Search functionality within the dropdown
Loading Data from API
Essential customization options
Contribution #
Contributions of any kind are more than welcome! Feel free to fork and improve magic_dropdown_search in any way you want, make a pull request, or open an issue.
License #
This project is licensed under the MIT License - see the LICENSE file for details.
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.