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 分类

安装插件