Flutter 颤振,如何在侧面添加选项卡按钮?
我想这样实现 我不介意是按钮还是标签按钮 请点击图片Flutter 颤振,如何在侧面添加选项卡按钮?,flutter,flutter-layout,Flutter,Flutter Layout,我想这样实现 我不介意是按钮还是标签按钮 请点击图片 方法1:有一个颤振包来处理此问题。它被称为垂直选项卡,可在以下位置找到: 确保添加 vertical_tabs: ^0.2.0 到您的pubspec.yaml文件 上面有一个完整的例子 方法2:如果上述内容对您的设计需求过于局限,您可以始终使用嵌入行()和旋转框()中的选项卡栏构建自己的选项卡(这可能会让您能够灵活地执行示例中的旋转按钮): 小部件构建(构建上下文){ 返回脚手架( 正文:世界其他地区( 儿童:[ 旋转箱( 四分之一轮:1,
方法1:有一个颤振包来处理此问题。它被称为垂直选项卡,可在以下位置找到: 确保添加
vertical_tabs: ^0.2.0
到您的pubspec.yaml文件
上面有一个完整的例子
方法2:如果上述内容对您的设计需求过于局限,您可以始终使用嵌入行()和旋转框()中的选项卡栏构建自己的选项卡(这可能会让您能够灵活地执行示例中的旋转按钮):
小部件构建(构建上下文){
返回脚手架(
正文:世界其他地区(
儿童:[
旋转箱(
四分之一轮:1,
孩子:TabBar(
控制器:\ tab控制器,
选项卡:[
getItem(
图标:图标(
一个人,
颜色:颜色,黑色,
),
文本:文本(
“表1”,
样式:TextStyle(颜色:Colors.black),
),
),
getItem(
图标:图标(
完成了,
颜色:颜色,黑色,
),
文本:文本(
“表2”,
样式:TextStyle(颜色:Colors.black),
),
),
getItem(
图标:图标(
图标。仪表板,
颜色:颜色,黑色,
),
文本:文本(
“表3”,
样式:TextStyle(颜色:Colors.black),
),
),
],
),
),
扩大(
孩子:新闻屏幕(
标题:标题,,
),
)
],
),
);
}到目前为止你都试了些什么?@Rob我只是搜索了几个小时。然后仍然没有得到答案为什么你不试着把左边的按钮放在一个列控件中呢?是什么阻止您这样做?@aumdlaqe Try
Transform
Widget。这将帮助你们实现这一点。@Darish我只想在侧面添加类似的制表符按钮,但我并没有这个例子。这件事更复杂,因为我想把正常的内容放在中心,同时我也尝试过,这对我来说不是完美的例子,但它给了我灵感,在另一方面也帮了我很多。thanks@aumdlaqe非常感谢。对不起,这件衣服不合身。我更新了我的答案,以展示一种更“本土”的方法。我希望这也能对你有所帮助。
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,
),
)
],
),
);