foldable_list

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

FoldableList는 탭했을 때 항목이 부드러운 전환 효과와 함께 확장되고 접힐 수 있는 애니메이션 및 상호작용 목록을 제공하는 Flutter 패키지입니다. 사용자가 리스트 셀 내에서 추가 콘텐츠를 동적으로 표시할 수 있도록 하여 사용자 경험을 향상시킵니다. 계층적 또는 세부 정보를 컴팩트한 레이아웃으로 표시하는 데 이상적이며, Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼을 지원합니다. 가볍고 쉽게 통합할 수 있어, 접을 수 있는 콘텐츠 섹션을 필요로 하는 앱에 적합합니다.

사용 사례

작은 목록에서 자세한 정보 표시
아코디언 스타일 인터페이스 만들기
확장 가능한 섹션을 통한 탐색 개선
자주 묻는 질문 또는 설정 패널 만들기
중첩된 데이터 계층 구조 표시

주요 기능

부드러운 애니메이션 확장 및 축소
사용자 정의 가능한 애니메이션 지속 시간 및 곡선
여러 개의 확장 가능한 항목 지원
기존 ListView와의 간편한 통합
크로스 플랫폼 호환성

적합한 대상

인터랙티브 UI를 구축하는 개발자
접을 수 있는 콘텐츠가 필요한 앱
우아한 확장 가능한 목록을 찾는 디자이너
동적 데이터 표시를 갖춘 프로젝트
풍부한 상호작용을 갖춘 모바일 및 웹 애플리케이션

고려 사항

매우 큰 목록에서는 성능에 영향을 줄 수 있습니다
상태 관리에 신중한 처리가 필요합니다
애니메이션 동작은 플랫폼 간에 약간 다를 수 있습니다
복잡한 레이아웃에 대한 사용자 정의 제한
중간 수의 확장 가능한 항목에 적합

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Foldable List

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

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.1

Parameters

Name	Type	Description	Required
foldableItems	`List<Widget>`	List of widget items that will be shown when an item is clicked	True
items	`List<Widget>`	List of widgets that will be shown by default in the listview	True
animationDuration	Duration	the duration of the animation by default: `Duration(milliseconds: 500)`	False
animationType	`ANIMATION_TYPE`	the animation that will applied on the transition between items	False

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:

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.

패키지, 저장소 및 앱 카테고리 검색

패키지 설치