vertical_tabs

패키지 개요

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

사용자가 수직으로 정렬된 탭을 사용하여 콘텐츠 섹션 간을 전환할 수 있도록 해주는 커스터마이징 가능한 옵션을 제공하는 플러터 패키지입니다. 부드러운 전환, 사용자 지정 스타일링 및 기존 플러터 앱에 쉽게 통합할 수 있습니다. 개발자들이 수평 탭의 대안을 찾고 있으며, 특히 수직 공간이 더 많거나 선호되는 레이아웃에서 유용합니다. 정렬, 인디케이터 커스터마이징, 애니메이션 제어 설정이 포함되어 있습니다. 대시보드, 설정 화면 또는 어떤 인터페이스에서도 컴팩트하고 체계적인 탭 시스템이 필요한 경우 이상적입니다.

사용 사례

대시보드 인터페이스
설정 화면
콘텐츠 탐색
모바일 앱 레이아웃
사이드 패널 탐색

주요 기능

수직 탭 레이아웃
사용자 정의 지표
부드러운 애니메이션
정렬 옵션
간편한 통합

적합한 대상

수직 탭 UI가 필요한 개발자
제한된 수평 공간을 가진 앱
깨끗한 탭 레이아웃을 원하는 디자이너
Flutter 초보자가 탭 컴포넌트 탐색 중
측면 탐색이 필요한 프로젝트

고려 사항

제한된 플랫폼 고유 동작
내장된 접근성 기능 없음
탭 상태를 수동으로 처리해야 합니다
매우 많은 수의 탭에 최적화되지 않음
고급 기능을 위해 외부 종속성에 의존합니다

원본 README

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

Vertical Tabs

A vertical tabs package for flutter framework.

Getting Started

A simple example of usage. to get more examples see Examples directory.
To see all settings please visit API reference of this package

...

VerticalTabs(
  tabsWidth: 150,
  tabs: <Tab>[
    Tab(child: Text('Flutter'), icon: Icon(Icons.phone)),
    Tab(child: Text('Dart')),
    Tab(child: Text('NodeJS')),
    Tab(child: Text('PHP')),
    Tab(child: Text('HTML 5')),
  ],
  contents: <Widget>[
    Container(child: Text('Flutter'), padding: EdgeInsets.all(20)),
    Container(child: Text('Dart'), padding: EdgeInsets.all(20)),
    Container(child: Text('NodeJS'), padding: EdgeInsets.all(20)),
    Container(child: Text('PHP'), padding: EdgeInsets.all(20)),
    Container(child: Text('HTML 5'), padding: EdgeInsets.all(20))
  ],
),

Scroll direction of content

RTL

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

패키지 설치