searchResultDisplayFn property
searchResultDisplayFn to customize the display of the search result items within the dialog or menu. Example: searchResultDisplayFn: ({ required List<Tuple3<int, DropdownMenuItem, bool>> itemsToDisplay, required ScrollController scrollController, required bool thumbVisibility, required Widget emptyListWidget, required void Function(int index, dynamic value, bool itemSelected) itemTapped, required Widget Function(DropdownMenuItem item, bool isItemSelected) displayItem, }) { return Expanded( child: itemsToDisplay.length == 0 ? emptyListWidget : SingleChildScrollView( child: Wrap( spacing: 10, children: itemsToDisplay.map( (Tuple3<int, DropdownMenuItem, bool> item) { return Padding( padding: const EdgeInsets.symmetric(vertical: 8.0), child: InkWell( onTap: () { itemTapped( item.item1, item.item2.value, item.item3, ); }, child: Container( decoration: BoxDecoration( border: Border.all( color: Colors.grey, width: 5, )), child: Row( mainAxisSize: MainAxisSize.min, children: Padding( padding: const EdgeInsets.symmetric( horizontal: 8.0), child: item.item2, ), , ), ), ), ); }, ).toList()), )); },
Implementation
final Widget Function({
required List<Tuple3<int, DropdownMenuItem, bool>> itemsToDisplay,
required ScrollController scrollController,
required bool thumbVisibility,
required Widget emptyListWidget,
required void Function(int index, T value, bool itemSelected) itemTapped,
required Widget Function(DropdownMenuItem item, bool isItemSelected)
displayItem,
})? searchResultDisplayFn;