v1.0.3floating_tabbar
floating_tabbar를 사용하면 다양한 플랫폼에서 복잡한 UI를 쉽게 탐색할 수 있습니다. Material Design 기반으로 반응형이며 직관적입니다.
78좋아요 8230일 다운로드140Pub 점수
AndroidiOSmacOSWindowsLinux
ShubhamLolge/floating_tabbar
Flutter용 floating_tabbar 패키지는 Material Design 시스템에서 만들어진 모든 플랫폼용 반응형 디자인을 사용할 수 있습니다.
- Stars
- 8
- Forks
- 5
- 최근 푸시(UTC)
- 2026. 2. 6.
- 프로젝트 상태
- 활성
GITHUB User
Shubham Lolge ↗
언어Dart
이 저장소가 배포한 패키지
v1.0.3사용 중인 의존성
의존성 목록 5 개
- flutter
{"sdk":"flutter"} - adaptive_breakpoints
^0.1.7 - intl
^0.19.0 - flutter_test개발 의존성
{"sdk":"flutter"} - flutter_lints개발 의존성
^1.0.0
원본 README
아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.
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.
https://github.com/ShubhamLolge/floating_tabbar/assets/75387392/709ab524-37ee-4a44-8f1f-ab0e9ef4956f
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.
https://github.com/ShubhamLolge/floating_tabbar/assets/75387392/92637e27-9ba0-408a-bd2a-46b50d61e5b8
Floater
Floater, a widget when wrapped with other gives a floating visual effect to your widget.
FloaterTestNautics
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.
https://github.com/ShubhamLolge/floating_tabbar/assets/75387392/aca0940e-968a-4ec9-8961-0a44571a14f5
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.
https://github.com/ShubhamLolge/floating_tabbar/assets/75387392/225b98ed-9c8c-4c28-964e-1abf28531086
Airoll
Airoll is a customised PopupMenuButton that accepts its children as the list on TabItem.
https://github.com/ShubhamLolge/floating_tabbar/assets/75387392/eecf82b6-c760-42a8-9a9b-8439e64638d9
NotificationBadge
NotificationBadge is the custom badge which wraps around your widget to create numeric as well as DOT notifier.
NotificationBadgeTestVitrify
Vitrify, a widget when wrapped around other, it converts the look of the widget to glass card look.
VitrifyTestNiftile
Niftile is a multipurpose tile that accepts the data in the form of TabItem to create a tile.
https://github.com/ShubhamLolge/floating_tabbar/assets/75387392/429454b4-320a-4884-b2ad-5134bbe47540
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.