颤振，如何在侧面添加标签按钮？

Question

我想这样实现

我不在乎是按钮还是标签按钮

请点击图片

Answer 1

方法1：：有一个处理问题的工具包。它称为vertical_tabs，可以在以下位置找到：vertical_tabs 0.2.0

确保添加

vertical_tabs: ^0.2.0

到您的pubspec.yaml文件。

example page

上有完整的示例

方法2：如果以上内容不能满足您的设计需求，则始终可以使用嵌入在Row（）和RotatedBox（）中的TabBar来构建自己的控件（这可能会给您灵活地执行示例中似乎具有的旋转按钮）：

Widget build(BuildContext context) {
return Scaffold(
  body: Row(
    children: <Widget>[
      RotatedBox(
        quarterTurns: 1,
        child: TabBar(
          controller: _tabController,
          tabs: <Widget>[
            getItem(
              icon: Icon(
                Icons.person,
                color: Colors.black,
              ),
              text: Text(
                "Tab #1",
                style: TextStyle(color: Colors.black),
              ),
            ),
            getItem(
              icon: Icon(
                Icons.done,
                color: Colors.black,
              ),
              text: Text(
                "Tab #2",
                style: TextStyle(color: Colors.black),
              ),
            ),
            getItem(
              icon: Icon(
                Icons.dashboard,
                color: Colors.black,
              ),
              text: Text(
                "Tab #3",
                style: TextStyle(color: Colors.black),
              ),
            ),
          ],
        ),
      ),
      Expanded(
        child: NewScreen(
          title: title,
        ),
      )
    ],
  ),
);

}