搜索插件、代码仓与 APP 分类

GitHub 代码仓ShubhamLolge/floating_tabbar

浮动标签栏

浮动标签栏(floating_tabbar)包为 Flutter 提供了响应式设计,适用于所有平台,基于 Material Design 系统构建。

浮动标签栏 项目封面
星标
8
复刻
5
最近推送(UTC)
2026年2月6日
项目状态
未归档

原始 README

以下为英文项目原文快照,最新内容请访问 GitHub。

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.

Shubham Lolge GitHub avatar
GitHub 作者

Shubham Lolge ↗

NeuralVault TechnologiesLondon, United Kingdom.官方网站 ↗
语言Dart

此仓库发布的插件

使用的依赖

依赖清单 5 项

  • flutter{"sdk":"flutter"}
  • adaptive_breakpoints^0.1.7
  • intl^0.19.0
  • flutter_test开发依赖{"sdk":"flutter"}
  • flutter_lints开发依赖^1.0.0

如何选择适合项目的代码仓?

先按使用场景筛选,再比较项目活跃情况,最后到原始仓库核对使用要求。

  1. 通过仓库名、作者或描述搜索,再按技术分类缩小范围。
  2. 结合星标、复刻与最近推送比较项目;星标反映社区关注,不代表质量保证。
  3. 使用前在 GitHub 核对 README、许可证与 Issues。

来源与维护

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗