垂直标签

Flutter 框架的垂直标签页包。

入门

一个简单的用法示例。要查看更多示例,请参阅 Examples 目录。
要查看所有设置,请访问此软件包的 API 参考。

...

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

vertical-tab-intro

内容的滚动方向

vertical-tab-verhor

RTL

vertical-tab-rtl

GitHub

https://github.com/Ali-Azmoud/vertical_tabs