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

ducafecatFlutter エコシステムナビ
パッケージ詳細v0.1.1

tabbar

シンプルなタブバーを、PageControllerを使用して再実装し、内部のPageView操作を可能にしました

pub.dev API ドキュメント ソースコード
30日間ダウンロード
43
いいね数
24
Pub ポイント
40

パッケージをインストール

flutter pub add tabbar

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

PageControllerを使用して構築された、シンプルでカスタマイズ可能なタブバーです。タブ間のスムーズなナビゲーションを可能にします。内部のPageView管理を簡素化し、開発者がタブの遷移や状態を簡単に制御できるようにしています。Flutterアプリにおけるクリーンで効率的なタブベースUIを目的としており、標準のタブバーの軽量な代替品として、拡張されたプログラマブルな動作を提供します。動的タブ切り替えとカスタムアニメーションが必要なアプリに最適です。

用途

  • 動的タブインターフェースの作成
  • スワイプ可能なタブナビゲーションの実装
  • カスタムタブレイアウトの作成
  • PageController を使ってタブ状態を管理する
  • プログラムによるタブ切り替えの有効化
  • 複雑なページ遷移との統合

主な機能

  • 高度な制御のためPageControllerに基づいて構築
  • 内部のPageView処理を簡素化します
  • カスタムタブスタイルをサポート
  • スムーズなタブ遷移を可能にする
  • 軽量で統合が簡単
  • プログラムによるタブ操作を提供

適している対象

  • タブナビゲーションの細かい制御を求める開発者
  • 複数のスクロール可能なタブセクションを持つアプリ
  • カスタムタブUIの実装
  • 再利用可能なタブコンポーネントが必要なプロジェクト
  • Flutterの初心者がPageControllerの使い方を学ぶ
  • 応答性タブ動作を必要とするアプリ

注意事項

  • 組み込みアニメーションプリセットを含んでいません
  • 追加機能なしの基本的なタブ機能に制限されています
  • 手動での状態管理が必要です
  • プラットフォーム固有の最適化なし
  • ネストされたタブ構造には対応していません
  • 複雑なデザインには追加のスタイリングが必要になる場合があります

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

tabbar

Simple tabbar, rewritten using pagecontroller and facilitating manipulation of the internal PageView. Its layout is very similar to TabBarView, as the following image:

Simple use

Controller declaration

final controller = PageController();

Header


TabbarHeader(
  controller: controller,
  tabs: [
    Tab(child: Icon(Icons.ac_unit)),
    Tab(text: "Tab 2"),
    Tab(child: Icon(Icons.access_alarm)),
  ],
),

Content

TabbarContent(
  controller: controller,
  children: <Widget>[
    Container(color: Colors.yellow),
    Container(color: Colors.red),
    Container(color: Colors.purple),
  ],
),

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

カテゴリー

タブ

ソースリポジトリ

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

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