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

floating_tabbar 표지
패키지 상세v1.0.3

floating_tabbar

floating_tabbar를 사용하면 다양한 플랫폼에서 복잡한 UI를 쉽게 탐색할 수 있습니다. Material Design 기반으로 반응형이며 직관적입니다.

AndroidiOSmacOSWindowsLinux
30일 다운로드
252
좋아요
78
Pub 점수
140

패키지 설치

flutter pub add floating_tabbar

패키지 개요

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

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.

import 'package:floating_tabbar/floating_tabbar.dart';
  • This is Floating TabBar widget.
  • To use this there must be minimum two items.
  • You get TabBar floating and a PageView with it.
  • 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.

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

NotificationBadgeTest
Vitrify

Vitrify, a widget when wrapped around other, it converts the look of the widget to glass card look.

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

카테고리

의존성

의존성 목록 2 개

  • adaptive_breakpoints^0.1.7
  • intl^0.19.0

소스 저장소

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

아직 데이터가 없습니다.