vertical_tabs

パッケージ概要

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

カスタマイズ可能なオプションを備えた垂直タブナビゲーションを提供するFlutterパッケージで、ユーザーが垂直に整列したタブを使用してコンテンツセクション間を切り替えることができます。スムーズな遷移、カスタムスタイル、既存のFlutterアプリへの簡単な統合をサポートしています。開発者が水平タブの代替手段を探している場合、特に垂直方向のスペースが豊富または好まれるレイアウトにおいて特に有用です。アラインメント、インジケータのカスタマイズ、アニメーション制御の設定が含まれています。ダッシュボード、設定画面、またはコンパクトで整理されたタブシステムが必要な任意のインターフェースに最適です。

用途

ダッシュボードインターフェース
設定画面
コンテンツナビゲーション
モバイルアプリのレイアウト
サイドパネルナビゲーション

主な機能

垂直タブレイアウト
カスタマイズ可能なインジケーター
スムーズなアニメーション
配置オプション
簡単な統合

適している対象

垂直タブUIが必要な開発者
限られた水平スペースを持つアプリ
クリーンなタブレイアウトを希望するデザイナー
Flutterの初心者がタブコンポーネントを探求しています
サイドナビゲーションが必要なプロジェクト

注意事項

制限されたプラットフォーム固有の動作
組み込みのアクセシビリティ機能なし
タブ状態を手動で処理する必要があります
非常に多数のタブに対して最適化されていません
高度な機能には外部の依存関係に依存しています

元の README

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

Vertical Tabs

A vertical tabs package for flutter framework.

Getting Started

A simple example of usage. to get more examples see Examples directory.
To see all settings please visit API reference of this package

...

VerticalTabs(
  tabsWidth: 150,
  tabs: <Tab>[
    Tab(child: Text('Flutter'), icon: Icon(Icons.phone)),
    Tab(child: Text('Dart')),
    Tab(child: Text('NodeJS')),
    Tab(child: Text('PHP')),
    Tab(child: Text('HTML 5')),
  ],
  contents: <Widget>[
    Container(child: Text('Flutter'), padding: EdgeInsets.all(20)),
    Container(child: Text('Dart'), padding: EdgeInsets.all(20)),
    Container(child: Text('NodeJS'), padding: EdgeInsets.all(20)),
    Container(child: Text('PHP'), padding: EdgeInsets.all(20)),
    Container(child: Text('HTML 5'), padding: EdgeInsets.all(20))
  ],
),

Scroll direction of content

RTL

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

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