Flutter 脚手架底部有一个不应该在那里的栏杆
我的脚手架在底部显示一个条,如下所示:Flutter 脚手架底部有一个不应该在那里的栏杆,flutter,flutter-layout,Flutter,Flutter Layout,我的脚手架在底部显示一个条,如下所示:我没有放在那里(我知道它是脚手架,因为当我移除它时,条不见了。但是没有脚手架我不能这样做)这是我的代码: class Home extends StatefulWidget { @override _HomeState createState() => _HomeState(); } class _HomeState extends State<Home> { @override void initState() {
我没有放在那里(我知道它是脚手架,因为当我移除它时,条不见了。但是没有脚手架我不能这样做)这是我的代码:
class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends State<Home> {
@override
void initState() {
// TODO: implement initState
super.initState();
SystemChrome.setEnabledSystemUIOverlays([]);
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.red,
body: Column(
children: <Widget>[
Center(
child: Text('Scaffold Bar test'),
),
Container(
height: MediaQuery.of(context).size.height - 88,
child: ListView.builder(itemBuilder: (BuildContext context,int index) {
return Container(
height: 40.0,
width: MediaQuery.of(context).size.width,
color: index % 2 == 0 ? Colors.blue : Colors.orange,
);
}),
),
],
),
);
}
}
class Home扩展StatefulWidget{
@凌驾
_HomeState createState()=>\u HomeState();
}
类(HomeState扩展状态){
@凌驾
void initState(){
//TODO:实现initState
super.initState();
SystemChrome.SetEnabledSystemEmioVerlays([]);
}
@凌驾
小部件构建(构建上下文){
返回脚手架(
背景颜色:Colors.red,
正文:专栏(
儿童:[
居中(
子项:文本(“脚手架杆测试”),
),
容器(
高度:MediaQuery.of(context).size.height-88,
子级:ListView.builder(itemBuilder:(BuildContext上下文,int索引){
返回容器(
身高:40.0,
宽度:MediaQuery.of(context).size.width,
颜色:索引%2==0?颜色。蓝色:颜色。橙色,
);
}),
),
],
),
);
}
}
在脚手架中设置resizeToAvoidBottomPadding:false
并使用MediaQuery.removePadding
和removeTop:true
删除ListView.builder顶部不必要的填充
使用Expanded
而不是从MediaQuery
获取高度
class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends State<Home> {
@override
void initState() {
// TODO: implement initState
super.initState();
SystemChrome.setEnabledSystemUIOverlays([]);
}
@override
Widget build(BuildContext context) {
return MediaQuery.removePadding(
context: context,
removeTop: true,
child: Scaffold(
backgroundColor: Colors.red,
resizeToAvoidBottomPadding: false,
body: Column(
children: <Widget>[
Center(
child: Text('Scaffold Bar test'),
),
Expanded(
child: ListView.builder(itemBuilder: (BuildContext context,int index) {
return Container(
height: 40.0,
width: MediaQuery.of(context).size.width,
color: index % 2 == 0 ? Colors.blue : Colors.orange,
);
}),
),
],
),
),
);
}
}
class Home扩展StatefulWidget{
@凌驾
_HomeState createState()=>\u HomeState();
}
类(HomeState扩展状态){
@凌驾
void initState(){
//TODO:实现initState
super.initState();
SystemChrome.SetEnabledSystemEmioVerlays([]);
}
@凌驾
小部件构建(构建上下文){
返回MediaQuery.removePadding(
上下文:上下文,
removeTop:没错,
孩子:脚手架(
背景颜色:Colors.red,
resizeToAvoidBottomPadding:false,
正文:专栏(
儿童:[
居中(
子项:文本(“脚手架杆测试”),
),
扩大(
子级:ListView.builder(itemBuilder:(BuildContext上下文,int索引){
返回容器(
身高:40.0,
宽度:MediaQuery.of(context).size.width,
颜色:索引%2==0?颜色。蓝色:颜色。橙色,
);
}),
),
],
),
),
);
}
}