【问题标题】:Flutter move row within column to the bottom of the page颤动将列内的行移动到页面底部
【发布时间】:2022-08-19 17:02:04
【问题描述】:

我正在尝试使用 SizedBox 在页面底部创建一个页脚,但是我在正确定位它时遇到了问题。

我正在使用以下布局:

body: SingleChildScrollView(
  child:Column(
    children: [
      Center(),
      Center(),
      Spacer(),
      SizedBox()
    ]
  )
)

当我尝试运行它时,我得到了一个 renderflex 错误,在进行了一些搜索之后,我看到人们提到我应该将我的列包装在 Expanded 或 SizedBox 中,但是这两个都不起作用,因为它们也会自己给出 renderflex 错误.我也尝试将 align 与 mainAxisAlignment 结合使用,但这不会移动任何东西。

提前致谢!

  • 您还可以显示此 SingleChildScrollView 的父级吗?
  • 问题是因为你把它做成了 Scrollview 有无限的空间。 Scrollview 的孩子可以任意高。因此,您不能在那里使用任何 Spacer,因为 Spacer 占用了“所有可用空间”,其中有无限
  • 啊,我知道滚动视图中的列没有限制,好的,明白了

标签: flutter dart


【解决方案1】:

如果您使用的是scaffold,则有一个名为bottomSheet 的选项,它正是您要找的。

【讨论】:

    【解决方案2】:

    也许是这样的?

    body:Stack(
     children: [
     SingleChildScrollView(
      child:Column(
        children: [
            Center(),
            Center(),
            Spacer(),
           ]
         ),
       )`
       Positioned (
            bottom:0, 
            child:SizedBox(),
       )
     ]
    ),
    

    【讨论】:

      猜你喜欢
      • 2017-05-23
      • 2010-09-23
      • 1970-01-01
      • 2015-01-27
      • 1970-01-01
      • 2021-08-19
      • 2022-01-22
      • 2021-05-30
      • 1970-01-01
      相关资源
      最近更新 更多