FloatingTabBar는 마테리얼 디자인 원칙을 기반으로 한 반응형이고 직관적인 탭 네비게이션 솔루션으로, 다양한 플랫폼에서 복잡한 UI 간의 원활한 탐색을 가능하게 합니다. 일관성과 사용 편의성을 고려해 Android, iOS, macOS, Windows, Linux에 자연스럽게 적응합니다. 스크롤 중에도 접근 가능한 플로팅 탭 인터페이스를 통해 사용자 경험을 향상시켜, 계층적 또는 동적 콘텐츠를 가진 앱에 이상적입니다. 간단한 pub add 명령어를 통해 Flutter 프로젝트에 쉽게 통합할 수 있습니다.
사용 사례
크로스플랫폼 모바일 및 데스크톱 앱
복잡한 UI 탐색
스크롤 가능한 콘텐츠와 지속 탭
Material Design 준수 인터페이스
동적 콘텐츠 레이아웃
주요 기능
반응형 플로팅 탭 디자인
다중 플랫폼 지원
Material Design 통합
pub를 통한 간편한 통합
스크롤 중 지속적인 탐색
적합한 대상
다중 플랫폼 플러터 앱을 개발하는 개발자
직관적인 탐색을 우선시하는 디자이너
깊은 콘텐츠 계층을 가진 앱
Material Design 가이드라인을 사용하는 팀
접근성 있는 탭 인터페이스가 필요한 프로젝트
고려 사항
비 매터리얼 테마에 맞게 사용자 정의 스타일이 필요할 수 있습니다
탭 위치에 대한 사용자 정의가 제한적
중간 수준의 탭 수를 가진 앱에 가장 적합
최소한의 UI에 적합하지 않음
매우 큰 탭 세트에서의 성능 영향
원본 README
연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.
Floating TabBar
The floating_tabbar package for Flutter allows you to use the responsive design for all platforms made from the Material Design System, floating_tabbar solves and eases the problem of complex navigation user interfaces by providing a responsive solution.
Getting started
Getting started
In the pubspec.yaml of your flutter project, add the following dependency:
dependencies:floating_tabbar:<latest_version>
Import the package in your library and use floating_tabbar it in your Flutter App.
And with [isFloating = false] you'll get normal TabBar PageView
Support for all device sizes.
Members
FloatingTabBar
floating_tabbar solves and eases the problem of complex navigation user interfaces by providing a responsive solution.
TopTabBar
TopTabBar allows you to create the TabBar with built in space for nesting contingency, just provide the data to children parameter as list of TabItem and you're done.
Floater
Floater, a widget when wrapped with other gives a floating visual effect to your widget.
Nautics
Nautics is the SideBar navigation widget that allows you to create sidebar with items of your choice which you provide
using help of TabItem model class, use Nautics as drawer in its collapsed and expanded form, make settings UI using it,
or navigation for your app, just list of TabItems and you are done.
OpsShell
OpsShell, a widget that helps design responsive screens, for Small screens, child of OpsShell will look normal, like nothing has wrapped it, but this widget will show responsive similar look as small screen of your app while being creative on large screens.
Airoll
Airoll is a customised PopupMenuButton that accepts its children as the list on TabItem.
NotificationBadge
NotificationBadge is the custom badge which wraps around your widget to create numeric as well as DOT notifier.
Vitrify
Vitrify, a widget when wrapped around other, it converts the look of the widget to glass card look.
Niftile
Niftile is a multipurpose tile that accepts the data in the form of TabItem to create a tile.
and much more.
Also check landing_page, a package built on top of floating_tabbar for creating landing screens and welcome interface for your flutter project.