This Flutter package helps create a dropdown which is fully customized And also provides a feature pagination.
✨ Features
- ⭐️ custom loader in dropdown.
- ⭐️ customized dropdown list item.
- ⭐️ pagination support.
- ⭐️ each item divider optional support.
![]() |
![]() |
Android | iOS |
Installation
Add this to your package's pubspec.yaml
file:
dependencies:
flutter_infinite_dropdown: ^1.0.0
import 'package:flutter_infinite_dropdown/flutter_infinite_dropdown.dart';
Usage
To use this package, add flutter_infinite_dropdown as a dependency in your pubspec.yaml
file. And add this import to your file to import 'package:flutter_infinite_dropdown/flutter_infinite_dropdown.dart';
// Usage Example
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
InfiniteDropdown(
controller: controller,
sourceWidget: Container(
width: 200,
height: 40,
color: Colors.blue,
child: Center(
child: Text(
'Tap here to open dropdown',
style: TextStyle(color: Colors.white),
),
),
),
data: lsData,
itemBuilder: (context, index) => ListTile(
title: Text('Option $index'),
onTap: () {
print('Option 1 selected');
},
),
onBottomRefresh: () async {
try {
Future.delayed(Duration(seconds: 2), () {
lsData.addAll(['11', '12', '13', '14', '15', '16', '17', '18', '19', '20']);
controller.stopLoading();// <--- Stop loader
});
} catch (ex) {
print("Error: $ex");
}
},
dropdownWidget: Container(),
)
],
)
⏳ Work-in-Progress (WIP)
- 🖥️ Web support (WIP).
Additional Information
Tell users more about the package: where to find more information, how to contribute to the package, how to file issues, what response they can expect from the package authors, and more.
Support Me
