ducafecatFlutter エコシステムナビ
FLUTTER ECOSYSTEM

Ali-Azmoud/vertical_tabs

Flutterフレームワーク用の垂直タブパッケージ。

GitHub で見る ↗
vertical_tabs のプロジェクト画像
Stars
62
Forks
27
最終プッシュ（UTC）
2021/04/20
プロジェクト状態
公開中
Ali-Azmoud GitHub avatar
GITHUB User

Ali-Azmoud ↗

FullStack Developer. .NET, React, Next, SolidJs, Flutter, Dart. Master of Computer Science (ImamReza University) Looking for a remote job

Mashhad, Iran公式サイト ↗
言語Dart

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 2 件
  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

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))
  ],
),

https://raw.githubusercontent.com/Ali-Azmoud/vertical_tabs/HEAD/vertical-tab-intro.gif



Scroll direction of content

https://raw.githubusercontent.com/Ali-Azmoud/vertical_tabs/HEAD/vertical-tab-verhor.gif



RTL

https://raw.githubusercontent.com/Ali-Azmoud/vertical_tabs/HEAD/vertical-tab-rtl.gif