颤振中容器的自动高度

安德烈·哈夫里亚克

我写了一个页面，在顶部一切都很好，应该是这样。在底部，我有一个事件的历史。我的容器的宽度是自动确定的（取决于屏幕的宽度），高度 - 不，在不同的设备上不同的高度（底部的缩进不同）。是否可以自动确定高度（到屏幕末端）？？另外，我想在这个容器的底部添加一个滚动条，这样当事件出现在那里时，我可以在底部和顶部滚动它们。我会很感激你的帮助。

我的页面：

我的代码：

 Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
        color:Colors.white12
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: <Widget>[

            Column(
                children: <Widget>[
                  SizedBox(height: 20.0),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: <Widget>[
                      FlatButton(
                        textColor: Colors.blueGrey,
                        color: Colors.transparent,
                        child: Text('yes',textScaleFactor: 2.5),
                        onPressed: null,
                        padding: EdgeInsets.fromLTRB(30.0, 10.0, 30, 10.0),
                      ),
                      FlatButton(
                        textColor: Colors.blueGrey,
                        color: Colors.transparent,
                        child: Text('no',textScaleFactor: 2.5),
                        onPressed: null,
                        padding: EdgeInsets.fromLTRB(30.0, 10.0, 30, 10.0),
                      )
                    ],
                  ),
                  SizedBox(height: 15.0),
                  Container(
                      child: Text(('20000' == null ? '' : '10000'), style: TextStyle(fontSize: 45.0,color: Colors.blueGrey)),
                      padding: EdgeInsets.fromLTRB(0, 0.0, 0, 20.0),
                  ),
                  Container(
                    child: Text("weight", style: TextStyle(fontSize: 20.0,color: Colors.blueGrey)),
                    padding: EdgeInsets.only(top: 2, bottom:40, left:0, right:0),
                  ),
                  Center(
                      child: Container(
                        alignment: Alignment.center,
                        width: double.infinity,
                        height: 430,
                        decoration: BoxDecoration(
                            border: Border.all(
                                width: 1.5
                            ),
                            borderRadius: BorderRadius.circular(25)
                        ),
                        child: new Column(
                          children: [
                            Container(
                                child: Text("history events", style: TextStyle(fontSize: 20.0,color: Colors.blueGrey)),
                                padding: EdgeInsets.all(2.0)
                            ),
                          ],
                        ),

                      )//Container
                  )
                ]
            )
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() {
            _scanQR();
          });
        },
        child: const Icon(Icons.qr_code),
        backgroundColor: Colors.pink,

      ),
    );
  }

我的 scrin（更新代码后）

亚什拉吉

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Expanded(
              child: Scrollbar(
                  child: new ListView(
            shrinkWrap: true,
            children: [
              SizedBox(height: 20.0),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  FlatButton(
                    textColor: Colors.blueGrey,
                    color: Colors.transparent,
                    child: Text('yes', textScaleFactor: 2.5),
                    onPressed: null,
                    padding: EdgeInsets.fromLTRB(30.0, 10.0, 30, 10.0),
                  ),
                  FlatButton(
                    textColor: Colors.blueGrey,
                    color: Colors.transparent,
                    child: Text('no', textScaleFactor: 2.5),
                    onPressed: null,
                    padding: EdgeInsets.fromLTRB(30.0, 10.0, 30, 10.0),
                  )
                ],
              ),
              SizedBox(height: 15.0),
              Container(
                child: Text(('20000' == null ? '' : '10000'), style: TextStyle(fontSize: 45.0, color: Colors.blueGrey)),
                padding: EdgeInsets.fromLTRB(0, 0.0, 0, 20.0),
              ),
              Container(
                child: Text("weight", style: TextStyle(fontSize: 20.0, color: Colors.blueGrey)),
                padding: EdgeInsets.only(top: 2, bottom: 40, left: 0, right: 0),
              ),
              Container(
                  alignment: Alignment.center,
                  decoration: BoxDecoration(border: Border.all(width: 1.5), borderRadius: BorderRadius.circular(25)),
                  child: Column(
                    children: [
                      Center(
                          child: Container(
                              height: 65,
                              child: Text("history events", style: TextStyle(fontSize: 25.0, color: Colors.blueGrey)),
                              padding: EdgeInsets.all(2.0))),
                      Container(
                          child: Text("Event 1", style: TextStyle(fontSize: 50.0, color: Colors.blueGrey)),
                          padding: EdgeInsets.all(2.0)),
                      SizedBox(
                        height: 200,
                      ),
                      Container(
                          child: Text("Event 2", style: TextStyle(fontSize: 50.0, color: Colors.blueGrey)),
                          padding: EdgeInsets.all(2.0)),
                      SizedBox(
                        height: 200,
                      ),
                      Container(
                          child: Text("Event 3", style: TextStyle(fontSize: 50.0, color: Colors.blueGrey)),
                          padding: EdgeInsets.all(2.0)),
                      SizedBox(
                        height: 50,
                      ),
                    ],
                  )),
            ],
          )))
        ],
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() {
            // _scanQR();
          });
        },
        child: const Icon(Icons.qr_code),
        backgroundColor: Colors.pink,
      ),
    );
  }

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。

编辑于 2021-09-17

我来说两句

0 条评论

登录后参与评论

上一篇：如何通过不更改 URL 的“显示更多”按钮获取数据？

颤振中容器的自动高度

颤振中容器的自动高度

蓝屏死机没有修复解决方案

计算数据帧中每行的NA

UITableView的项目向下滚动后更改颜色，然后快速备份

Node.js中未捕获的异常错误，发生调用

在 Python 2.7 中。如何从文件中读取特定文本并分配给变量

Linux的官方Adobe Flash存储库是否已过时？

验证REST API参数

ggplot：对齐多个分面图-所有大小不同的分面

Mac OS X更新后的GRUB 2问题

通过 Git 在运行 Jenkins 作业时获取 ClassNotFoundException

带有错误“ where”条件的查询如何返回结果？

用日期数据透视表和日期顺序查询

VB.net将2条特定行导出到DataGridView

如何从视图一次更新多行（ASP.NET - Core）

Java Eclipse中的错误13，如何解决？

尝试反复更改屏幕上按钮的位置 - kotlin android studio

离子动态工具栏背景色

应用发明者仅从列表中选择一个随机项一次

当我尝试下载 StanfordNLP en 模型时，出现错误

python中的boto3文件上传

在同一Pushwoosh应用程序上Pushwoosh多个捆绑ID