颤振-底部溢出119个像素

Hai*_*ana 3 dart flutter

在ListView中创建图像时出现错误“ 底部溢出199像素 ”,在我用Google搜索之后,所有这些都建议我添加:

resizeToAvoidBottomPadding: false
Run Code Online (Sandbox Code Playgroud)

但是,它不起作用!错误仍然存​​在。

在此处输入图片说明

SafeArea小部件也无法解决问题。这是我的布局的简短代码版本:

body: ListView(
         children:<Widget> [
           new Container(
             child: new Stack(
               children:<Widget> [
                 //THE WIDGET
                 new Container(), //THE BACKGROND IMAGE
                 new Positioned(
                   child: Column(
                     children:<Widget>[
                         new Transform(),
                         new FadeTransition(),
                         new FadeTransition(),
                         Divider(),
                         new Row(),
                         //THE IMAGE THAT I WANT TO ADD
                         new Container(
                           height: 360.0
                           decoration: BoxDecoration(
                            image: DecorationImage(
                               image: Assetimage('lake.jpg)
Run Code Online (Sandbox Code Playgroud)

use*_*129 11

没有,只需像这样将您的小部件包含在Expanded 中

 Expanded(
    child: sectionList(),
  )
Run Code Online (Sandbox Code Playgroud)

//这解决了我的问题


Yog*_*ria 8

将您的内容放入SingleChildScrollView并添加ConstrainedBox如下内容:

body :SingleChildScrollView(
        child: ConstrainedBox(
          constraints: BoxConstraints(),
            child: ListView(
         children:<Widget> [
           new Container(
             child: new Stack(
               children:<Widget> [
                 //THE WIDGET
                 new Container(), //THE BACKGROND IMAGE
                 new Positioned(
                   child: Column(
                     children:<Widget>[
                         new Transform(),
                         new FadeTransition(),
                         new FadeTransition(),
                         Divider(),
                         new Row(),
                         //THE IMAGE THAT I WANT TO ADD
                         new Container(
                           height: 360.0
                           decoration: BoxDecoration(
                            image: DecorationImage(
                               image: Assetimage('lake.jpg)
Run Code Online (Sandbox Code Playgroud)

这可能会使您的屏幕可滚动,并且添加约束将使其变为有限滚动。


Dha*_*dav 5

使用Scaffold属性“ resizeToAvoidBottomPadding:false”和“ SingleChildScrollView”作为Scaffold主体的父代:

 class RegisterApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: "Registration Page",
      home: Scaffold(
          resizeToAvoidBottomPadding: false,
          appBar: AppBar(
            title: Text("Registration Page"),
          ),
          body: SingleChildScrollView(
            child: RegisterUser(),
          )),
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

  • 此属性不再存在,但此 `resizeToAvoidBottomInset` 存在 (2认同)
  • 设置 ```resizeToAvoidBottomInset = false``` (```resizeToAvoidBottomPadding``` 已弃用。) (2认同)