Flutter 我得到了一个RenderFlex溢出57像素的底部
嗨,我是新来的,我遇到了这个错误,是在标题中,我在这里也看了,但似乎没有什么帮助,布局看起来很好,当我明星的应用程序,但我得到了一个错误,让我发疯。我发现的解决方案之一是添加resizeToAvoidBottomPadding:false,我这样做了,但错误仍然存在Flutter 我得到了一个RenderFlex溢出57像素的底部,flutter,flutter-layout,Flutter,Flutter Layout,嗨,我是新来的,我遇到了这个错误,是在标题中,我在这里也看了,但似乎没有什么帮助,布局看起来很好,当我明星的应用程序,但我得到了一个错误,让我发疯。我发现的解决方案之一是添加resizeToAvoidBottomPadding:false,我这样做了,但错误仍然存在 Widget build(BuildContext context) { return Scaffold( resizeToAvoidBottomPadding: false, body: Stack( childr
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomPadding: false,
body: Stack(
children: <Widget>[
Container(
padding: EdgeInsets.symmetric(horizontal: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
flex: 3,
child: SizedBox(),
),
_title(),
SizedBox(
height: 50,
),
_displayUserNameAndPassword(),
SizedBox(
height: 20,
),
_submitButton(),
Container(
padding: EdgeInsets.symmetric(vertical: 10),
alignment: Alignment.centerRight,
child: Text('Forgot Password ?',
style:
TextStyle(fontSize: 14, fontWeight: FontWeight.w500)),
),
_divider(),
_facebookButton(),
Expanded(
flex: 2,
child: SizedBox(),
),
],
),
),
Align(
alignment: Alignment.bottomCenter,
child: _createAccountLabel(),
),
],
),
);
小部件构建(构建上下文){
返回脚手架(
resizeToAvoidBottomPadding:false,
主体:堆栈(
儿童:[
容器(
填充:边缘组。对称(水平:20),
子:列(
crossAxisAlignment:crossAxisAlignment.center,
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
扩大(
弹性:3,
子项:SizedBox(),
),
_title(),
大小盒子(
身高:50,
),
_DisplayUserName和Password(),
大小盒子(
身高:20,
),
_submitButton(),
容器(
填充:边缘组。对称(垂直:10),
对齐:alignment.centerRight,
子项:文本('忘记密码?',
风格:
TextStyle(fontSize:14,fontWeight:fontWeight.w500)),
),
_分隔符(),
_facebookButton(),
扩大(
弹性:2,
子项:SizedBox(),
),
],
),
),
对齐(
对齐:对齐.bottomCenter,
子项:_createAccountLabel(),
),
],
),
);
}您需要使用ListView而不是Column。 在列中,当文本字段的键盘出现时,它导致renderflexed溢出错误。
谢谢您需要将
堆栈
包装到列表视图
中,将收缩包装
设置为true
,flex
的概念是给它们所有的flex
值。当您将列
更改为列表视图
时会发生什么?