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

floating_tabbar 封面
插件详情v1.0.3

floating_tabbar

使用 floating_tabbar 轻松在跨平台的复杂 UI 中导航。基于 Material Design 构建,具有响应式和直观的特点。

AndroidiOSmacOSWindowsLinux
近 30 天下载
252
喜欢数
78
Pub 分数
140

安装插件

flutter pub add floating_tabbar

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

FloatingTabBar 是一个基于 Material Design 原则构建的响应式且直观的标签导航解决方案,可在多个平台上实现复杂 UI 的无缝导航。设计上注重一致性和易用性,可平滑适配 Android、iOS、macOS、Windows 和 Linux。该包通过浮动标签界面提升用户体验,即使在滚动时也能保持可访问性,非常适合具有分层或动态内容的应用程序。它可通过简单的 pub add 命令轻松集成到 Flutter 项目中。

适合场景

  • 跨平台移动和桌面应用
  • 复杂用户界面导航
  • 可滚动内容与持久标签
  • 符合 Material Design 的界面
  • 动态内容布局

主要特点

  • 响应式浮动标签设计
  • 多平台支持
  • Material Design 集成
  • 通过 pub 轻松集成
  • 滚动时保持导航

适合对象

  • 开发跨平台 Flutter 应用的开发者
  • 设计人员优先考虑直观的导航
  • 具有深层内容层级的应用程序
  • 使用 Material Design 指南的团队
  • 需要可访问标签界面的项目

使用建议

  • 可能需要为非 Material 主题自定义样式
  • 标签位置的自定义选项有限
  • 最适合中等标签数量的应用程序
  • 不太适合极简界面
  • 在非常大的标签集中的性能影响

原始 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

源码仓库

使用此插件的项目

暂无相关数据。