Flutter 颤振中如何降低舌杆高度
我使用Scaffold来显示我的底部标签导航器,但它显示的太高了,有没有办法减小标签栏的高度。这是密码Flutter 颤振中如何降低舌杆高度,flutter,tabs,navigation,Flutter,Tabs,Navigation,我使用Scaffold来显示我的底部标签导航器,但它显示的太高了,有没有办法减小标签栏的高度。这是密码 Scaffold( bottomNavigationBar: Material( child: new TabBar( tabs: <Widget>[ Tab(icon: Icon(Icons.home),text: 'Home'), Tab(icon: Icon(Icons.set
Scaffold(
bottomNavigationBar: Material(
child: new TabBar(
tabs: <Widget>[
Tab(icon: Icon(Icons.home),text: 'Home'),
Tab(icon: Icon(Icons.settings),text: 'Settings')
],
labelColor: Colors.blue,
unselectedLabelColor: Colors.grey,
),
),
body: TabBarView(
children: [
MainScreen(),
FirstPage(),
],
),
)
脚手架(
底部导航栏:材质(
孩子:新的TabBar(
选项卡:[
选项卡(图标:图标(Icons.home),文本:“home”),
选项卡(图标:图标(Icons.settings),文本:“settings”)
],
labelColor:Colors.blue,
未选择的标签颜色:Colors.grey,
),
),
正文:选项卡视图(
儿童:[
主屏幕(),
首页(),
],
),
)
您可以将子项:new TabBar()
包装在容器中。还可以更改图标和文本的高度
导入“包装:颤振/材料.省道”;
类MyButtomBabbar扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
主页:DefaultTabController(
长度:2,
孩子:脚手架(
底部导航栏:材质(
子:容器(
身高:40,
孩子:新的TabBar(
选项卡:[
标签(
图标:图标(
我的家,
尺码:15,
),
子:文本(
“家”,
样式:TextStyle(字体大小:10),
),
),
标签(
图标:图标(
图标。设置,
尺码:15,
),
子:文本(
“设置”,
样式:TextStyle(字体大小:10),
),
),
],
labelColor:Colors.blue,
未选择的标签颜色:Colors.grey,
),
),
),
),
),
);
}
}
为什么不使用底部导航栏
而不是选项卡栏
。。。我相信TabBar
是设计用来放在屏幕顶部的。当我使用BottomNavigationBar
时,api中的数据总是重新呈现,这就是为什么我使用TabBar来防止这个问题
import 'package:flutter/material.dart';
class MyButtomTabBar extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: DefaultTabController(
length: 2,
child: Scaffold(
bottomNavigationBar: Material(
child: Container(
height: 40,
child: new TabBar(
tabs: <Widget>[
Tab(
icon: Icon(
Icons.home,
size: 15,
),
child: Text(
'Home',
style: TextStyle(fontSize: 10),
),
),
Tab(
icon: Icon(
Icons.settings,
size: 15,
),
child: Text(
'Settings',
style: TextStyle(fontSize: 10),
),
),
],
labelColor: Colors.blue,
unselectedLabelColor: Colors.grey,
),
),
),
),
),
);
}
}