パッケージ、リポジトリ、アプリカテゴリを検索

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 を通じた簡単な統合
  • スクロール中の永続的なナビゲーション

適している対象

  • マルチプラットフォームのFlutterアプリを開発する開発者
  • 直感的なナビゲーションを重視するデザイナー
  • 深いコンテンツ階層を持つアプリ
  • 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

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。