搜尋套件、儲存庫與 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

原始碼儲存庫

使用此套件的專案

暫無相關資料。