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

패키지 상세v1.0.0

configurable_expansion_tile

사용자 정의가 가능한 확장 타일. Flutter Material 구현을 수정한 것으로, 사용자 맞춤 설정이 가능

30일 다운로드
115
좋아요
65
Pub 점수
40

패키지 설치

flutter pub add configurable_expansion_tile

패키지 개요

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

Material 구현에서 파생된 Flutter의 ExpansionTile에 대한 사용자 정의 가능한 버전으로, 외관과 동작에 대한 향상된 제어를 제공합니다. 개발자는 아이콘, 색상, 애니메이션과 같은 타일의 시각적 요소를 맞춤 설정할 수 있으며, 확장 가능한 콘텐츠 섹션의 핵심 기능을 유지합니다. 접을 수 있는 콘텐츠를 가진 동적인 사용자 친화적인 인터페이스를 만들기에 적합합니다.

사용 사례

  • 사용자 정의 가능한 아코디언
  • 동적 폼 섹션
  • 인터랙티브 FAQ 표시
  • 중첩 가능한 확장 목록
  • 접을 수 있는 옵션을 가진 설정 패널

주요 기능

  • 완전히 사용자 정의 가능한 헤더
  • 조정 가능한 애니메이션 지속 시간
  • 사용자 정의 끝부분 아이콘 지원
  • 확장 가능한 테마 통합
  • 사용자 정의 가능한 확장 상태

적합한 대상

  • 유연한 확장 타일이 필요한 개발자
  • 독특한 타일 스타일을 원하는 UI 디자이너
  • 복잡한 접을 수 있는 레이아웃을 가진 앱
  • 타일 간에 일관된 테마가 필요한 프로젝트

고려 사항

  • 상태 관리를 수동으로 처리해야 합니다
  • 제한된 플랫폼별 최적화
  • 패키지 크기가 약간 증가할 수 있습니다
  • 간단한 정적 확장에 적합하지 않음
  • 상류의 매터리얼 디자인 규약에 의존함

원본 README

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

configurable_expansion_tile

A Configurable Expansion Tile edited from the flutter material implementation that allows for customization of the internal components. Includes providing colours, replacement widgets on expansion, and custom animations.

Tile animations still takes place (which are also configurable), and a widget can be set to precede and/or follow the provided header, which will rotate on expand/collapse of the tile.

Configure any or all parameters or leave default behaviour - header works out of the box.

Installation

In the dependencies: section of your pubspec.yaml, add the following line:

configurable_expansion_tile: <latest_version>

Usage

import 'package:configurable_expansion_tile/configurable_expansion_tile.dart';

class MyWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return ConfigurableExpansionTile(
      headerExpanded: Flexible(child: Center(child: Text("A Header Changed"))),
      header: Container(child: Center(child: Text("A Header"))),
      children: [
        Row(
          children: <Widget>[Text("CHILD 1")],
        ),
        // + more params, see example !!
      ],
    );
  }
}

Example

View the Flutter app in the example directory.

Screenshot

Tile Collapsed

Tile Expanded

Contributors

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.