selectable_list

Description:

selectable list

Selectable List #
A widget displaying a list of selectable items
When one of the items is selected, the other elements of the list are animated out, leaving the selected value.
When tapping on the value again, the other values are animated back into the list.

Features #


Use this package when you want to allow the user to choose one element in a list,
and only show this element when selected.


Based on the Flutter AnimatedList widget


Usage #
Import the package
import 'package:selectable_list/selectable_list.dart';
copied to clipboard
Use the widget
class _ScrollableListExampleState extends State<_ScrollableListExample> {
final persons = [
Person("Ella", 3),
Person("James", 25),
Person("Gertrude", 99)
];

String? selectedName;

@override
Widget build(BuildContext context) {
return SelectableList<Person, String?>(
items: persons,
itemBuilder: (context, person, selected, onTap) => ListTile(
title: Text(person.name),
subtitle: Text('${person.age.toString()} years old'),
selected: selected,
onTap: onTap),
valueSelector: (person) => person.name,
selectedValue: selectedName,
onItemSelected: (person) =>
setState(() => selectedName = person.name),
onItemDeselected: (person) => setState(() => selectedName = null),
),
}
}

copied to clipboard
Examples of use #
Forms #
Useful to make forms cleaner and more compact on mobile