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

搜尋套件、儲存庫與 APP 分類

安裝套件