Foldable List

An animated foldable list cells with dynamic widget list input, let you display detailed item cell without navigating to a new screen.

enter image description herefoldable_list_slide_animation.giffoldable_list_without_animation.gif

Features

  • Display list of widgets
  • Display detailed cell item
  • Animation transition between item cell and foldable item

Getting Started

In order to use foldable list package you need to install it via pubspec.yaml file

dependencies:
	foldable_list: ^1.0.0

Parameters

NameTypeDescriptionRequired
foldableItemsList<Widget>List of widget items that will be shown when an item is clickedTrue
itemsList<Widget>List of widgets that will be shown by default in the listviewTrue
animationDurationDurationthe duration of the animation by default: Duration(milliseconds: 500)False
animationTypeANIMATION_TYPEthe animation that will applied on the transition between itemsFalse

possible values of animationType : NONE, SIZE_TRANSITION, SCALE

Example

return  Scaffold(
	backgroundColor:  Colors.white,
	body:  Container(
		child:  FoldableList(
			animationType:  ANIMATION_TYPE.NONE,
			foldableItems:  this.expandedWidgetList,
			items:  this.simpleWidgetList
		)
	)
);

Result:

foldable_list_without_animation.gif

Contribution

Of course the project is open source, and you can contribute to it repository link

  • If you found a bug, open an issue.

  • If you have a feature request, open an issue.

  • If you want to contribute, submit a pull request.

Libraries

arrays
foldable_list